메뉴 바로가기 본문 바로가기



  • 로그인 연동을 하고자 하는 SNS를 '사용함'을 선택하면 Client(App) ID와 Secret(Key)를 입력할 수 있는 영역이 표시됩니다.
  • 각 SNS에서 발급받은 '클라이언트(앱)/Rest API(키)'를 발급/등록해야 정상 연동됩니다.
  • 로그인 연동 설정 후 [쇼핑몰 설정 > 고객 설정 > 회원 가입 · 로그인 > 회원 가입 항목 설정]에서 가입 항목을 설정할 수 있습니다.
로그인 연동 설정
  • SNS 계정으로 가입한 회원도 일반 회원과 동일하게 쇼핑몰 서비스(상품구매, 쿠폰, 할인, 적립금 등)를 이용할 수 있습니다.
  • SNS 로그인에서는 생년월일 데이터를 호출하지 않기 때문에 때문에 성인 인증이 필요한 쇼핑몰에서는 사용할 수 없습니다.
  • SNS 계정으로 가입했다가 탈퇴하는 경우 동일한 SNS 계정으로 재가입이 불가능합니다.
  • 발급받은 Client(App) ID를 변경할 경우 기존 회원정보, 주문정보 등의 연동이 불가능합니다. 기존과 완전히 새로운 쇼핑몰로 인식하게 되므로 변경 시 주의하셔야 합니다.
SNS 로그인 디자인 설정하기
  • SNS 로그인 연동 후, 쇼핑몰 로그인 페이지에 SNS 로그인 버튼이 표시되게 하려면 별도의 디자인 설정이 필요합니다.
  • 설정 방법(PC)
    1. 1) [디자인 (PC/모바일) > 디자인 보관함 > 편집하기]를 클릭하여 '스마트 디자인 편집' 화면을 엽니다.
    1. 2) 왼쪽 메뉴 중 [자주쓰는 화면 > 로그인]을 선택합니다.
    1. 3) '회원 로그인' 영역을 클릭하여 표시되는 [편집] 버튼을 클릭합니다.
    1. 4) [꾸미기 탭 > SNS 로그인 디자인] 중 원하는 디자인을 선택하여 적용하면 됩니다.
  • 설정 방법(모바일)
    1. 1) [디자인 (PC/모바일) > 디자인 보관함]을 클릭하여 '스마트 디자인 편집' 화면을 엽니다.
    1. 2) 다음 단계부터는 PC 설정 방법과 동일합니다.
  • 웹매뉴얼에서 SNS별 ID 또는 키 값 생성 방법을 확인할 수 있습니다.
저장
  • 로그인 연동 설정 후 '저장' 버튼을 클릭하면 SNS로그인 연동이 완료됩니다.
Client(App) ID 발급 방법
  • 페이스북
    1. [바로가기 ]
  • 카카오
    1. [바로가기 ]
  • 네이버
    1. [바로가기 ]
  • 라인
    1. [바로가기 ]
  • 구글
    1. [바로가기 ]

SNS 로그인 연동 예시: 페이스북

[1] 페이스북 클라이언트(앱) ID와 Secret Code 발급
  • 페이스북 개발자 사이트에서 ID와 Secret Code를 발급 받습니다.
[2] 페이스북 로그인 연동 설정
  • '페이스북 로그인' 항목을 '사용함'으로 선택합니다.
  • 페이스북 개발자 사이트에서 발급받은 ID와 Secret Code를 각각 입력하고 '저장' 버튼을 클릭합니다.
[3] 스마트디자인 편집창에서 HTML수정
  • [디자인 (PC/모바일) > 디자인 보관함]의 스마트디자인 편집창에서 파란색 HTML 소스를 추가합니다.
  • 2016년에 생성한 쇼핑몰은 해당 HTML소스가 이미 생성되어 있습니다.
  • HTML 수정 위치 :
    1. 1) 회원(member) > 로그인(비회원주문/조회) (login.html)
    1. 2) 인트로(intro) > 인트로 회원 (member.html), 인트로 본인 인증 + 회원 (adult_im.html)
[4] 쇼핑몰 로그인 페이지 확인
  • 쇼핑몰 로그인 화면에 '페이스북 로그인'버튼이 생성된 것을 확인합니다.
  • '페이스북 로그인' 버튼을 클릭하면 '페이스북 로그인' 팝업이 표시됩니다.
쇼핑몰 로그인 화면
페이스북 로그인 팝업
카카오싱크
  • 카카오싱크란, 원클릭으로 회원가입을 구현할 수 있는 카카오의 간편가입 서비스입니다.
  • 간편설정을 실행하기 전에 사업자 등록번호가 OOO-OO-OOOOO 형태로 입력되어 있는지 [판매 채널 > 카카오]에서 확인해주세요.
  • 대표관리자만 설정을 진행할 수 있습니다.
카카오싱크 설정 방법
  • 간편설정 실행 버튼을 통해 간편하게 서비스 신청과 설정을 완료할 수 있습니다.
카카오싱크를 통해 수집 가능한 개인정보 항목
  • 프로필, 이메일, 전화번호, 배송지, 성별, 연령대, 생년월일
  • 카카오싱크 신청 전에 [쇼핑몰 설정 > 고객 설정 > 회원 가입 · 로그인 > 회원 가입 항목 설정]에서 수집하고 싶은 항목을 먼저 확인해주세요.
APP ID
  • 카카오 개발자 센터의 애플리케이션(앱) ID를 입력합니다.
카카오앱 상의 웹브라우저로 쇼핑몰 이용 시 카카오 아이디로만 로그인하도록 설정
  • 고객이 카카오앱에서 쇼핑몰 접속 시 카카오 계정으로만 가입 또는 로그인하도록 제한하는 기능입니다.
  • 이 설정을 할 경우 고객이 쇼핑몰 계정을 가지고 있더라도 카카오 계정으로만 로그인하게 되는 점 참고 바랍니다.
  • 카카오앱에서 쇼핑몰 접속 시에만 적용되며 PC/Mobile 웹브라우저에서는 쇼핑몰 계정과 카카오 계정 모두 사용 가능합니다.
  • [쇼핑몰 설정 > 고객 설정 > 회원 정책 설정 > 회원 관련 설정] 에서 이메일 중복체크가 '사용함'인 경우 본 설정을 사용할 수 없습니다.