얼티밋 멤버 K 매뉴얼

100여개 플러그인과 호환되는 Ultimate Member에 추가 기능을 제공하는 얼티밋 멤버 K 매뉴얼입니다.

1. 시작하기

2. 회원가입 폼

회원가입 폼에 서비스정책(서비스약관, 개인정보보호정책 등) 넣기

얼티밋 멤버 > 폼에서 서비스정책을 넣을 폼을 선택합니다. 폼에서 ‘+’ 버튼을 클릭하면 필드 매니저가 나타나고 여기에서 ‘서비스정책’ 필드를 클릭합니다. 이어서 필드를 편집할 수 있는 화면이 나오면, 아래 스크린샷과 같이 설정하고, 추가를 클릭하면 됩니다.

  • Title: 관리자가 편집할 때 보이는 이름입니다. 임의로 입력하시면 됩니다.
  • Label: 사용자에게 보이는 필드 이름입니다. 입력하지 않고 비워두면 약관내용과 동의여부만 나옵니다.
  • Meta Key: 얼티밋 멤버의 개별 필드가 가진 고유값입니다. 임의의 영문나 숫자로 입력하시면 됩니다. 예) terms
  • Edit Choices: 동의를 묻는 문장을 넣어주십시오. 예) 상기 서비스이용약관에 동의합니다.
  • Is this field required?: 회원가입 시, 동의를 필수로 할 경우에는 체크해 주십시오. ‘제3자 마케팅 정보제공’과 같이 선택적인 서비스정책은 체크하지 않으면 됩니다.
  • Can user edit this field?: 체크되어 있어야 사용자가 동의가 가능합니다.
  • Textarea Height: 서비스정책을 보여주는 텍스트영역의 높이입니다. 레이아웃에 맞게 조절합니다.
  • 서비스정책: 말 그대로 동의의 대상인 서비스 정책을 입력합니다. 줄바꿈도 편집이 가능합니다. 메모장 같은 텍스트 에디터로 편집 후, 넣는 게 편리합니다.

회원가입 폼에 한국 주소 넣기

얼티밋 멤버 > 폼에서 서비스정책을 넣을 폼을 선택합니다. 폼에서 ‘+’ 버튼을 클릭하면 필드 매니저가 나타나고 여기에서 ‘한국 주소’ 필드를 클릭하면, 곧바로 필드가 추가됩니다. 추가된 한국 주소 필드를 편집할 수 있으나, 기본값을 사용하시는 게 좋습니다.

소셜로그인 전용 회원가입 폼 적용하기

소셜로그인 을 통한 회원가입시 별도의 회원가입폼을 선택할수 있습니다. 네이버 의 경우 비밀번호 필드가 존재할 경우 심사 과정에서 반려 가 됩니다.

  1. 얼티밋 멤버 > 폼 에서 소셜 로그인 용 회원가입 폼 신규로 생성합니다. E-mail 주소 필드는 필수 입니다.
  2. 얼티밋 멤버 > 설정 > 익스텐션 > 코리아(소셜로그인) 보여줄 회원가입 폼 선택  에서 새로 생성한 회원 가입 폼을 선택합니다.
  3. 소셜로그인에서 회원가입이 필요한 경우 선택한 소셜로그인 폼이 출력 됩니다.

사용자 역할별 소셜 로그인 만들기

회원 가입이 단일 페이지 인경우 소셜로그인 설정 에서 “회원가입 폼에 소셜로그인 보이기” 를 체크하시면 됩니다. 위 스크린 샷은 단비스토어의 회원가입 페이지가 입니다. 이렇게 가입자 별로 분리된 회원가입 페이지를 만들때는 소셜 로그인 숏코드를 이용하시면 됩니다. Ultimate Member > 소셜로그인  에서 각 유형별로 새로 생성합니다. 버튼을 활성화할 제공자 를 선택하고 회원가입시 등록될 열활을 지정할수 있습니다. 각 유형별로 역활을 선택합니다. 유형별 회원가입 페이지를 각각 생성후 [개인 회원가입 소셜로그인 숏코드] [개인 회원가입폼 숏코드] 아래 같이 숏코드를 배치 합니다. 이런 방식으로 각 페이지별 소셜로그인 숏코드를 활용해서 가입시 회원의 역활을 지정할수 있습니다. 단 소셜로그인을 회원가입 폼은 1개의 폼만 사용할수 있습니다. 위와 같이 얼티밋 멤버 설정 > 일반 > 회원가입 페이지  에서 지정된 페이지가 아닌 별도의 다른 페이지 에서는 소셜로그인 설정 에서 “회원가입 폼에 소셜로그인 보이기” 로 생성된 버튼의은 정상적으로 회원가입 진행이 되지 않으니 꼭 숏코드를 이용하시기 바랍니다.

3. 내 계정(Account)

내 계정에서 필드 추가하기

Account 의 내정보 탭에서 주소및 기타 필드를 추가하는 방법입니다. 아래 내용은 얼티밋 멤버 코리아 데모에서 적용된 내용입니다. 신규로 폼을 생성 하시고 폼유형은 꼭! 프로필 폼으로 선택하셔야 합니다. 내정보에서 추가하고자 하는 필드를 추가 합니다. 얼티밋 멤버 K 2.3.1 버전 이하에서는 텍스트 입력 형식의 모듈만 지원되며, 라디오, 체크박스 의 모듈은 지원되지 않습니다. 서드파티 에서 추가된 모듈은 지원되지 않을수 있습니다. 얼티밋 멤버 > 설정 > 익스텐션 > 코리아(일반) 위에 폼에서 생성한 필드를 노출하고자 하는 사용자 역활에서 생성한 폼을 선택후 저장합니다. 여기선 프로필 폼으로 생성한 폼만 선택할수 있습니다. 각 사용자 역활마다 폼을 생성하면, 해당 사용자마다 표시되는 정보를 달리 설정하실수 있습니다. 신규 생성한 “구독자 Account” 폼의 주소필드가 내정보 탭에 추가된것을 확인하실수 있습니다! 단 해당 주소 필드는 구독자 역활에서만 선택을 하였기 때문에 다른 역활의 사용자는 기본 필드만 노출됩니다.

얼티밋 멤버의 다양한 모듈을 사용할수 있습니다

 

기본 로그인을 얼티밋 멤버 로그인으로 변경하기

얼티밋 멤버 > 설정 > 코리아(일반)에서 로그인 리다이렉트 활성화를 체크한 후, 변경사항 저장을 클릭합니다. 설정을 마치면  ‘/wp-loign.php’ 접속 시, 지정된 로그인 페이지로 자동으로 이동됩니다. 주의사항! 얼티밋 멤버의 설정에서 로그인 페이지가 지정되어 있어야 합니다. 로그인 페이지가 지정되어 있지 않다면, 얼티밋 멤버 > 설정 > 일반에서 로그인 페이지를 지정해 주십시오,.

내정보 탭에서 성 필드 숨기기

얼티밋 멤버 > 설정 > 코리아(일반)에서 내정보 탭에서 성 필드 숨기기 체크 후, 변경사항 저장을 클릭합니다.    

4. 소셜로그인 등록

Facebook

사이트에서 소셜로그인을 사용하기 위해서는 facebook 개발자 페이지 에서 소셜로그인을 위한 앱을 생성하셔야 합니다. facebook 개발자 에서 새 앱 을 추가 하시면 앱 ID  와 앱 시크릿 코드 가 생성됩니다. ※ 앱 ID  와 앱 시크릿 코드 는 외부 노출되지 않도록 하시기 바랍니다. 앱 ID  와 앱 시크릿 코드는 얼티밋 멤버 설정 > 익스텐션 > 코리아(소셜 로그인) 에서 facebook 앱 ID  와 앱 시크릿 코드 에 등록해주시기 바랍니다. 하단의 웹사이트에서도 사용하실 도메인을 등록합니다. 제품에서 Facebook 로그인 을 추가해야 소셜로그인 기능을 사용하실수 있습니다. 워드프레스 웹사이트에서 소셜로그인을 하기 위해선 웹을 선택하시면 됩니다.
유효한 OAuth 리디렉션 URI 에 소셜로그인이 필요한 페이지는 모두 등록이 되어야 합니다.

숏코드로 등록된 페이지는 예외

기본적으로 아래 3가지 주소는 등록되어야 합니다. https://로그인 페이지 주소/?provider=facebook https://회원가입 페이지 주소/?provider=facebook https://계정 페이지 주소/koreasocial/?provider=facebook 예 ) https://demo.danbistore.com/login/?provider=facebook https://demo.danbistore.com/register/?provider=facebook https://demo.danbistore.com/account/koreasocial/?provider=facebook ※ https://demo.danbistore.com/login/   같이 페이지 url 의 끝에 / 가 없는 경우는 ?앞의 / 없이 login?provider=facebook 로 등록하세요!   개발 모드에서는 역활에서 다른 계정을 테스터로 추가하시거나, 테스트 계정을 생성한 사용자만 테스트 가능하며, 이후 개발모드 해제를 위해서는 앱 검수가 진행된 이후 정상적으로 일반사용자도 로그인을 이용할수 있습니다.

Google

사이트에서 소셜로그인을 사용하기 위해서는 Google 개발자 페이지 에서 소셜로그인을 위한 프로젝트를 생성하셔야 합니다. 가장 하단 개발자 콘솔 > Google API Console 프로젝트 생성후 사용자 인증 정보 > Oauth 동의화면 에서내용을 등록하시기 바랍니다. Google Api 범위의 경우 아래와 같이 email, profile, openid 값이 필요합니다. 승인된 도메인 에서는 소셜로그인을 사용하고자 하는 도메인을 등록해 주세요.

 

 

사용자 인증정보 만들기 에서 Oauth 클라이언트 ID 를 생성합니다.
 

애플리케이션 유형 – 웹 애플리케이션 승인된 리디렉션 URI 에서 다음과 같이 등록해 주세요. 소셜로그인이 필요한 페이지는 모두 등록이 되어야 합니다.

숏코드로 등록된 페이지는 예외

기본적으로 아래 3가지 주소는 등록되어야 합니다.   https://로그인 페이지 주소/?provider=google https://회원가입 페이지 주소/?provider=google https://계정 페이지 주소/koreasocial/?provider=google 예 ) https://demo.danbistore.com/login/?provider=google https://demo.danbistore.com/register/?provider=google https://demo.danbistore.com/account/koreasocial/?provider=google   ※ https://demo.danbistore.com/login/   같이 페이지 url 의 끝에 / 가 없는 경우는 ?앞의 / 없이 사용할 도메인주소/login?provider=google 로 등록하세요!


Google 개발자 에서 웹 애플리케이션 을 추가 하시면 클라이언트 ID  와 클라이언트 보안 비밀 이 생성됩니다. ※ 클라이언트 ID  와 클라이언트 보안 비밀 은 외부 노출되지 않도록 하시기 바랍니다. 클라이언트 ID  와 클라이언트 보안 비밀 은 얼티밋 멤버 설정 > 익스텐션 > 코리아(소셜 로그인) 에서 Google 클라이언트 ID  와 클라이언트 보안 비밀 에 등록해주시기 바랍니다.

Kakao

사이트에서 소셜로그인을 사용하기 위해서는 Kakao 개발자 페이지 에서 소셜로그인을 위한 앱을 생성하셔야 합니다. Kakao 개발자 에서 앱 만들기 에서 앱을 생성합니다.

앱설정 > 플랫폼  에서 도메인을 등록해 주세요. 내 애플리케이션 > 제품설정 > 카카오 로그인 에서 Redirect URI 를 등록해 주세요.

로그인 Redirect URI 소셜로그인이 필요한 페이지는 모두 등록이 되어야 합니다. 숏코드로 등록된 페이지는 예외

 기본적으로 아래 3가지 주소는 등록되어야 합니다.

  • https://로그인 페이지 주소/?provider=kakao 예 ) https://demo.danbistore.com/login/?provider=kakao
  • https://회원가입 페이지 주소/?provider=kakao 예) https://demo.danbistore.com/register/?provider=kakao
  • https://계정 페이지 주소/koreasocial/?provider=kakao 예) https://demo.danbistore.com/account/koreasocial/?provider=kakao

https://로그인 페이지 주소?provider=kakao ※ https://demo.danbistore.com/login/   같이 페이지 url 의 끝에 / 가 없는 경우는 ?앞의 / 없이 login?provider=kakao 로 등록하세요!

 

카카오 로그인시 위와 같은 오류 화면이 출력이 되는경우 로그인 Redirect URI 값이 잘못 입력된 경우입니다. 로그인 Redirect URI 를 다시 확인해 주세요.

Naver

사이트에서 소셜로그인을 사용하기 위해서는 Naver 개발자 페이지 에서 소셜로그인을 위한 앱을 생성하셔야 합니다. Naver 개발자 에서 애플리케이션 등록을 신청합니다. 신청시 사용API 는 네아로(네이버 아이디로 로그인) 을 선택후 제공받고자 하는 정보를 선택합니다. ( 이메일 , 프로필 사진이외는 사용되지 않습니다)
환경은 PC웹 을 선택하신후 서비스 URL , Callbak Url 을 입력해 주시면 됩니다. 서비스 URL 은 사용하실 사이트의 도메인주소, Callbak Url 은 소셜로그인이 필요한 페이지는 모두 등록이 되어야 합니다. 
숏코드로 등록된 페이지는 예외


기본적으로 아래 3가지 주소는 등록되어야 합니다. https://로그인 페이지 주소/?provider=naver https://회원가입 페이지 주소/?provider=naver https://계정 페이지 주소/koreasocial/?provider=naver 예 ) https://demo.danbistore.com/login/?provider=naver https://demo.danbistore.com/register/?provider=naver https://demo.danbistore.com/account/koreasocial/?provider=naver ※ https://demo.danbistore.com/login/   같이 페이지 url 의 끝에 / 가 없는 경우는 ?앞의 / 없이 ?provider=naver로 등록하세요! (서비스 URL 및 Callbak Url 입력시 끝에 / 가 있을 경우, 오류가 있을 수 있습니다. 각 URL 끝에 /를 제거해주세요.) 애플리케이션 정보의 Client ID 와 Client Secret 코드는 얼티밋 멤버 설정 > 익스텐션 > 코리아(소셜 로그인) 에등록해주시기 바랍니다. 최초 애플리케이션 생성시는 테스트 모드입니다. 테스트 모드에서는 미리 등록된 사용자 이외에는 정보전달이 되지 않습니다. 네아로(네이버 아이디로 로그인) 서비스를 최종적으로 사용하기 위해서는 검수 단계가 필요하며, 검수가 완료된 이후로 일반 사용자가 소셜로그인을 사용할수 있습니다.

Payco

사이트에서 소셜로그인을 사용하기 위해서는 Payco 개발자 페이지 에서 소셜로그인을 위한 앱을 생성하셔야 합니다. Payco 개발자 에서 애플리케이션 등록 에서 애플리케이션을 생성합니다. 플랫폼 은 “웹사이트” 로 지정합니다. 웹 서비스 URL 은 운영하시는 사이트 도메인 주소를 등록 합니다. Callback URL 은 소셜로그인이 필요한 페이지는 모두 등록이 되어야 합니다.
숏코드로 등록된 페이지는 예외

기본적으로 아래 3가지 주소는 등록되어야 합니다. https://로그인 페이지 주소/ https://회원가입 페이지 주소/ https://계정 페이지 주소/koreasocial/ 예 ) https://demo.danbistore.com/login/ https://demo.danbistore.com/register/ https://demo.danbistore.com/account/koreasocial/

5. 아이디 찾기

Ultimate member 에서는 기본적으로 비밀번호 찾기 만 존재합니다.
ID 대신 Email 로도 로그인이 가능하지만 ID 찾기 를 원하는 고객이 계셔서 기능을 추가했습니다.
기능을 활성화 하시면 비밀번호 찾기 위에 아이디 찾기 링크가 추가 되며, 지정된 페이지에서
사용자의 first_name 과 email 값을 받아 user_login 값을 return 합니다.

 

페이지 > 새로 추가 > 아이디 찾기 신규 페이지를 생성 및 페이지 숏코드 등록 [um_kor_loginid]

Ultimate member > 설정 > 확장 > 코리아(일반) > 아이디 찾기 링크 사용 활성화


Ultimate member > 설정 > 일반 > 사용자 ID 찾기 페이지 > 신규 생성한 페이지를 선택 후 저장

6. FAQ

Ultimate Member는 어떻게 설치하나요?

관리자 화면에서 플러그 > 새로 추가 메뉴에서 ‘ultimate member’로 검색해 바로 설치할 수 있습니다.

서비스정책은 몇 가지를 넣을 수 있나요?

서비스 정책 필드는 무제한으로 넣을 수 있습니다. 서비스이용약관, 개인정보보호정책, 마케팅활용 동의 등 필요하신 만큼 필드를 넣으면 됩니다.

p
구매 전 문의는 해당 아이템 소개 페이지의 문의하기를 이용하시면 됩니다. 구매고객 중 궁금하신 점은 1:1 문의를 이용해 주십시오.
    0
    장바구니
    장바구니가 비었습니다.
      할인쿠폰 적용