SNS로그인

쇼핑몰에 SNS 로그인 버튼을 붙여 보세요.

SNS 로그인 버튼을 눌러 네이버, 카카오 등 SNS 계정을 통해 간편하게 회원가입 하고 심지어는 회원가입 화면을 거치지 않고 바로 로그인할 수도 있습니다.

아래의 SNS 로그인 버튼을 눌러 각 채널별 설정 방법을 확인해 보세요.

네이버

네이버의 SNS 로그인 기능은 두 가지 옵션을 제공합니다.

네이버 로그인 : 네이버 아이디로 인증 후 쇼핑몰에서 회원가입을 진행합니다. 이후 네이버 로그인 버튼을 눌러 빠르게 로그인할 수 있습니다.

네이버 로그인 플러스 : 네이버 아이디로 인증하면 쇼핑몰에 자동으로 가입됩니다. 쇼핑몰의 회원가입 페이지를 거치지 않습니다. 이후 네이버 로그인 버튼을 눌러 빠르게 로그인할 수 있습니다.

네이버 로그인 서비스 제공을 위한 절차는 아래와 같습니다. 필요한 절차를 눌러 상세 내용을 확인해 주세요.

네이버 개발자센터에서 Application 생성하기

쇼핑몰과 Application 연결하기

네이버 로그인 플러스 추가 설정하기

최종 심사 받기

네이버 개발자센터에서 Application 생성하기

가장 먼저 네이버 개발자센터를 통해 Application을 생성해야 합니다.

네이버 개발자센터에 접근하여 로그인해 주세요.

네이버 개발자센터

계정 분실의 우려가 없도록 쇼핑몰 대표 또는 사업자 계정으로 로그인할 것을 강력히 권장드립니다.

네이버 개발자센터 > Application > 애플리케이션 등록에 접근해 주세요.

애플리케이션 이름을 작성해 주세요.

사용API에서 네이버 로그인을 선택해 주세요.

제공 정보 선택에서 회원이름, 휴대폰번호에 대한 수집 여부를 선택해 주세요.

수집 여부는 쇼핑몰의 선택에 따릅니다. 단, 수집 시 최종 심사 단계에서 수집 정보에 대한 화면 자료를 요청할 수 있습니다.

로그인 오픈 API 서비스 환경에서 PC웹과 Mobile웹을 모두 선택해 주세요.

각 영역에 다음의 정보를 입력해 주세요.

{도메인}에는 쇼핑몰의 기본 도메인을 입력해 주세요.

구분1	구분2	정보
PC웹	서비스URL	https://{도메인}
PC웹	네이버 로그인 Callback URL	https://{도메인}/main/exec.php?exec_file=promotion/naver_callback.exe.php
Mobile웹	서비스URL	https://m.{도메인}
Mobile웹	네이버 로그인 Callback URL	https://m.{도메인}/main/exec.php?exec_file=promotion/naver_callback.exe.php

화면 아래 [등록하기]를 눌러 주세요.

네이버 개발자센터 > Application > 내 애플리케이션에 접근하여 등록된 애플리케이션을 눌러 주세요.

10.

API 설정 탭을 눌러 로고 이미지를 업로드해 주세요.

11.

개요 탭을 눌러 애플리케이션 정보 중 Client ID와 Client Secret 값을 확인해 주세요.

쇼핑몰과 Application 연결하기

Application 생성이 완료되었다면 내 쇼핑몰과 Application을 연결해야 합니다.

관리자 > 설정 > 가입 > SNS로그인에 접근하여 네이버 탭을 눌러 주세요.

네이버 로그인 사용에서 사용함을 선택해 주세요.

미리 만들어 둔 Application의 이름과 Client ID, Client Secret 값을 입력해 주세요.

오른쪽 위 [저장]을 눌러 주세요.

네이버 로그인 플러스 추가 설정하기

네이버 로그인 플러스를 사용하실 때만 진행하는 추가 설정입니다. 네이버 로그인 플러스를 사용하지 않을 예정이라면 바로 다음 단계로 넘어가 주세요.

네이버 개발자센터 > Application > 내 애플리케이션에 접근하여 등록된 애플리케이션을 눌러 주세요.

API 설정 탭을 눌러 ‘네이버 로그인 플러스’ 적용하기 스위치를 ON으로 변경해 주세요.

서비스 약관 정보 스위치를 ON으로 변경해 주세요.

만 14세 이상만 가입 가능에 체크해 주세요.

[서비스 약관추가]를 3번 눌러 주세요. 총 3개의 약관이 필요합니다.

각 약관에 다음의 정보를 입력해 주세요.

{도메인}에는 쇼핑몰의 기본 도메인을 입력해 주세요.

구분	약관제목(한국어)	약관제목(영어)	약관URL	조건
약관1	이용 약관	Terms of Service	https://{도메인}}/content/content.php?cont=uselaw	필수동의
약관2	개인정보 처리방침	Privacy Policy	https://{도메인}}/content/content.php?cont=privacy	필수동의
약관3	광고성 정보 수신동의	Marketing Consent	https://{도메인}}/content/content.php?cont=privacy	선택동의

각 약관의 약관태그에는 임의의 태그를 입력하고 반드시 기억해 주세요.

쇼핑몰로 돌아와, 관리자 > 설정 > 가입 > SNS로그인에 접근하여 네이버 탭을 눌러 주세요.

네이버 로그인 플러스사용에서 사용함을 선택해 주세요.

10.

7번에서 입력하였던 태그를 그대로 입력해 주세요.

11.

오른쪽 위 [저장]을 눌러 주세요.

최종 심사 받기

모든 설정이 완료되었다면 쇼핑몰에서 네이버 로그인이 정상 동작하는지 확인한 후 네이버 측으로 심사를 요청해야 합니다.

쇼핑몰에 접근하여 쇼핑몰의 로그인 페이지, 회원가입 페이지에 네이버 로그인 버튼이 나오고 있는지 확인해 주세요.

네이버 로그인 버튼을 눌렀을 때, 회원가입이 잘 되는지 확인해 주세요.

네이버 개발자센터 > Application > 내 애플리케이션에 접근하여 등록된 애플리케이션을 눌러 주세요.

네이버 로그인 검수상태 탭을 눌러 네이버 측으로 검수를 요청해 주세요.

검수가 완료된 이후부터 네이버 로그인을 서비스할 수 있습니다.

카카오

쇼핑몰에서 카카오 로그인 버튼을 누르면 카카오톡 아이디로 인증 후 쇼핑몰 이용 약관에 동의하게 됩니다. 동의가 완료되면 쇼핑몰에 자동으로 가입됩니다. 쇼핑몰의 회원가입 페이지를 거치지 않고 빠르게 가입할 수 있다는 장점이 있습니다. 이후 카카오 로그인 버튼을 눌러 빠르게 로그인할 수도 있습니다.

카카오 로그인 서비스 제공을 위한 절차는 아래와 같습니다.

관리자 > 설정 > 가입 > SNS로그인에 접근하여 카카오 탭을 눌러 주세요.

[카카오싱크 신청하기]를 눌러 주세요.

버튼이 보이지 않는다면 오른쪽 위 [앱 사용]을 눌러 앱 사용 신청을 제출해 주시기 바랍니다.

카카오톡 계정으로 로그인해 주세요.

계정 분실의 우려가 없도록 쇼핑몰 대표 계정으로 로그인할 것을 강력히 권장드립니다.

로그인 화면이 뜨지 않고 바로 진행이 시작되었다면 화면 아래 [다른 계정으로 로그인]을 눌러 계정을 변경해 주세요.

[동의하고 계속]을 눌러 주세요.

연결할 앱을 선택해 주세요.

연결할 앱이 없다면 화면 아래 [+신규 앱 생성하기]를 눌러 앱을 생성해 주세요.

연결할 채널을 선택해 주세요.

연결할 채널이 없다면 화면 아래 [+신규 채널 생성하기]를 눌러 채널을 생성해 주세요.

채널을 연결하면 카카오 로그인을 통해 회원가입할 때 연결된 채널을 친구 추가 할 수 있는 선택지가 제공됩니다.

화면 아래 [다음]을 눌러 설정을 마무리해 주세요.

애플

고객이 쇼핑몰에서 애플 로그인 버튼을 누르면 애플 계정으로 인증한 후 쇼핑몰에서 회원가입을 진행하게 됩니다. 이후 애플 로그인 버튼을 통해 빠르게 로그인할 수 있습니다.

애플 로그인 서비스 제공을 위한 절차는 아래와 같습니다.

애플 개발자센터에 접근하여 로그인해 주세요.

애플 개발자센터

애플 개발자센터 > Certificates, IDs & Profiles > Identifiers에 접근해 주세요.

Apple Developer Program 에 등록되어 있지 않다면 메뉴가 보이지 않을 수 있습니다. 애플 개발자센터 > 계정에 접근하여 Apple Developer Program에 먼저 등록해 주세요. (유료)

등록되어 있는 App IDs를 눌러 주세요.

등록되어 있는 App IDs가 없다면 Identifiers 오른쪽 ⨁를 눌러 새로 등록해 주세요.

Edit your App ID Configuration 에서 Sign in with Apple을 선택하고 저장해 주세요.

애플 개발자센터 > Certificates, IDs & Profiles > Identifiers에 접근해 주세요.

오른쪽 위 [App IDs ˅]를 눌러 Services IDs를 선택해 주세요.

Identifiers 오른쪽 ⨁를 눌러 주세요.

Register a new identifier에서 Services IDs를 선택하고 [Continue]를 눌러 주세요.

Register a Services ID에서 Description와 Identifier을 입력하고 저장해 주세요.

이때, Identifier은 App IDs의 Identifier와 역순이 되어야 합니다.

예 : Apps IDs의 Identifier가 com.wisa.magicapp 이라면 Services IDs의 Identifier은 magicapp.wisa.com 입니다.

10.

애플 개발자센터 > Certificates, IDs & Profiles > Identifiers에 접근해 주세요.

11.

오른쪽 위 [App IDs ˅]를 눌러 Services IDs를 선택해 주세요.

12.

등록되어 있는 Services IDs를 눌러 Sign In with Apple 오른쪽 [Configure]을 눌러 주세요.

13.

Web Authentication Dontiguration 창이 열리면 Primary App ID를 선택하고 Register Website URLs에 다음의 정보를 입력하고 저장해 주세요.

{도메인}에는 쇼핑몰의 기본 도메인을 입력해 주세요.

구분	정보
Domains and Subdomains	{도메인}
Return URLs	https://{도메인}/main/exec.php?exec_file=promotion/apple_login.exe.php,

14.

애플 개발자센터 > Certificates, IDs & Profiles > Keys에 접근해 주세요.

15.

Keys 오른쪽 오른쪽 ⨁를 눌러 주세요.

16.

Register a New Key 에서 Sign in with Apple을 선택하고 오른쪽 [Configure]을 눌러 주세요.

17.

쇼핑몰로 돌아와, 관리자 > 설정 > 가입 > SNS로그인에 접근하여 애플 탭을 눌러 주세요.

18.

애플 로그인 사용 여부에서 사용함을 선택해 주세요.

19.

애플 개발자센터 > Certificates, IDs & Profiles > Identifiers에서 확인할 수 있는 Identifier 값을 입력해 주세요.

20.

오른쪽 위 [저장]을 눌러 주세요.

부스터 쇼핑앱을 이용하고 있다면 위사 1:1 고객센터로 문의해 주세요. 애플 로그인 설정을 대행해 드리고 있습니다.

1:1 고객센터