카페24 쇼핑몰 소셜 로그인 연동 설정 및 로그인, 회원가입 페이지 버튼 추가

쇼핑몰을 제작할 때 고객분들의 편의를 위해 카카오, 네이버, 페이스북, 트위터, 인스타그램을 이용한 소셜 로그인 ( 간편로그인 ) 기능을 제공하는 것은 이제 선택이 아니라 필수가 되었습니다. 그렇다 보니 카페24, 고도몰, 워드프레스 우커머스를 기반으로 한 쇼핑몰에 소셜 로그인 기능을 설정해 드리는 작업을 많이 해드리고 있는데,  이번에는 카페24 쇼핑몰에 네이버, 페이스북, 카카오 로그인 기능 설정 작업을 진행해드렸습니다.

카페24 쇼핑몰은 기본적으로 페이스북 로그인, 카카오 계정 로그인, 네이버 로그인, 라인 로그인, 구글플러스 로그인 기능이 내장되어 있어서 사용 설정만 해주면 기능이 작동이 됩니다.
그런데 연동설정방법을 처음 접하신 분들에게는 이 과정이 복잡하고 어렵게 느껴질 수 있고, 스킨에 따라 로그인 버튼을 직접 디자인 편집기에서 추가해줘야 하는 경우가 있어서
직접 설정을 하시다가 막혀서 의뢰를 주시는 경우가 많이 있습니다.

카페24 쇼핑몰 소셜 로그인 설정 로그인버튼 삽입 작업

카페24 쇼핑몰 소셜 로그인 설정 로그인버튼 삽입 작업

 

카페24 쇼핑몰 소셜 로그인 설정 작업 과정은 다음과 같습니다.

1. 페이스북 개발자 사이트에서 APP 등록 후, 카페24 관리자에 App ID, App Secret Code 입력.

2. 카카오 개발자 사이트에서 앱 등록 후, 카페24 관리자에 REST API 키 입력.

3. 네이버 개발자 사이트에서 어플리케이션 등록 후, 카페24 관리자에 Client ID, Client Secret 입력 후 검수 신청.

4. 데스크탑 로그인 페이지, 회원가입 페이지에 로그인 버튼 삽입.

5. 모바일 로그인 페이지, 회원가입 페이지에 로그인 버튼 삽입.

 

소셜 로그인 기능을 사용하려면 각각 서비스에 계정이 있어야 하고,  그 계정으로 개발자사이트에 가서 개발자키나 API 키를 발급받아서 카페24 관리자에 입력해주는 작업을 하게 됩니다.  각 서비스마다 용어가 다르다고 가끔씩 발급 절차가 변경되는 경우가 있어서 조금 헷갈릴수 있는데, 키 발급 방법은 거의 대동소이합니다. 각 개발자 사이트에서 도메인주소와 로그인 성공 후 이동할 주소 등을 입력해주고, 이용할 정보를 선택해주면 앱이 등록이 됩니다. 페이스북과 카카오는 앱 등록 후 바로 사용이 가능한데, 네이버 같은 경우는 검수 절차가 다른 서비스들에 비해 다소 복잡합니다. 소셜 로그인 하는 방법을 각 단계별로 이미지로 캡쳐해서 문서를 만들어 검수 신청을 하고, 1~3일 정도 기다려서 승인을 받아야지 정상적으로 사용이 가능합니다. 그 이전에는 테스트 아이디로 테스트만 가능합니다.

그리고 스킨에 따라서 로그인 버튼이 있는 것도 있고, 없는 것도 있는데, 없으면 데스크탑과 모바일 로그인 페이지와 회원가입 페이지에 로그인 버튼을 삽입하는 작업을 하게 됩니다. 보통 로그인 페이지에만 로그인 버튼이 있으면 되는데, 네이버 서비스를 이용하려면 회원가입 페이지에도 로그인 버튼을 넣어주어야지 검수과정에서 거절이 되지 않습니다.

소셜로그인의 불법 사용과 보안강화로 인해 갈수록 설정방법이 복잡해지고, 검수과정도 길어지고 있는데,
직접 설정을 해보시다가 어려운 부분이 있으시면,
저렴한 비용에 3~4시간만 정도면 작업이 가능하니 의뢰를 주시면 빠르게 진행해 드릴 수 있도록 하겠습니다.

Write a comment