전체상품목록 바로가기

본문 바로가기

FAQ

(해외배송 가능상품)
공급사 바로가기
품절
SNS 상품홍보
SNS 상품홍보

SNS 로그인 기능 추가 방법

기본세팅 무료 수정범위

기본 정보
상품명 SNS 로그인 기능 추가 방법
수량 수량증가수량감소

개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.

상품 옵션
옵션선택

(최소주문수량 1개 이상 / 최대주문수량 0개 이하)

사이즈 가이드

수량을 선택해주세요.

위 옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

상품 목록
상품명 상품수 가격
SNS 로그인 기능 추가 방법 수량증가 수량감소 0 (  )
총 상품금액(수량) : 0 (0개)

할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

셋팅형 구매는 카페24에서 진행 해 주시고, 반드시 홈페이지에서 주문서를 작성 해 주세요.

이벤트

카페 24로 구축한 웹사이트에 간편한게 로그인 할 수 있는  "SNS로그인 기능"을 소개 해 드립니다.

유저로서 사이트마다 회원가입을 하다 보면 언제 사이트에 가입을 했는지, 
아이디를 잊어 버려 다시 찾아야 하는 번거로움과
비회원으로 제품을 구매하자니 구매번호를 기억해야 하는 불편을 겪으셨을거예요.

쇼핑몰 운영하는 입장에서는 비회원 구매기능은 고객 관리를 제대로 할 수 없는 불편한 점이 있어요.

SNS 로그인 기능은 유저와 운영자 모두 편리하게 웹사이트를 이용 하실 수 있습니다.

카페24에서 제공 하는 SNS 로그인 종류는 네이버, 페이스북, 구글 로그인으로 사용 하실 수 있구요,
현재 "디자인 스튜디오 순희" 홈페이지에서는 페이스북 로그인 기능을 사용 하고 있습니다.

따라서 페이스북에 대한 설명만 해 드리지만, 
cafe24에서 제공하는 가이드를 이용하면, 네이버구글의 로그인 기능도 사용이 가능하십니다.

본 기능은 뉴상품관리를 사용하는 몰에서만 이용 가능합니다.





카페24 관리자 화면-



관리자 로그인을 하신 뒤 위와 같은 순서로 실행을 하고 난 후,
발급 방법을 보고 차례차례 따라 해 보세요.

발급 방법 보기를 눌러서 나오는 화면도 하단에 첨부 해 드리겠습니다.


1단계. 페이스북 개발자 등록하기


1. 페이스북 개발자 사이트에 로그인합니다.(http://developers.facebook.com/apps)






2. Register Now를 클릭하여 페이스북 개발자로 등록합니다.






3. 페이스북 개발자로 등록하려면 페이스북 개인정보 취급방침에 동의하셔야 합니다.






4. 가입 인증을 위해 전화번호를 입력한 뒤 인증번호를 수신하면 페이스북 개발자 가입이 완료됩니다.







2단계. APP ID 발급



1. 페이스북 개발자 사이트(http://developers.facebook.com/apps)로 이동하여 "Create New App"을 
클릭합니다.






2. 앱에 대한 간단한 정보와 카테고리를 입력한 다음, 앱 ID 만들기를 클릭합니다.

(다음 과정에서 인증 절차가 진행됩니다.)





3. 앱 생성이 완료되면 앱 ID를 확인할 수 있습니다.







3단계. APP 설정하기


1. 앱을 설정하기 위해 Settings를 클릭합니다.






2. + Add Platform을 클릭합니다.






3. 플랫폼 선택 화면이 나오면 Website를 클릭합니다.






4. 앱 설정에서 다음 정보를 입력합니다.


- Display Name : 페이스북 앱이 사용자에게 보여지는 이름입니다.

- App Domains : 페이스북 로그인을 사용할 쇼핑몰 도메인 주소를 입력합니다.(모바일 주소도 같이 입력합니다.)

- Contact Email : 수신 가능한 이메일 주소를 입력합니다.

- Site URL : 쇼핑몰 도메인을 입력합니다.





5. Advanced를 클릭합니다.






6. Client OAuth Settings로 이동하여 해당 항목에 쇼핑몰 도메인 주소를 입력합니다. 

다른 도메인 주소가 있을 경우 함께 입력합니다.(모바일 주소 포함)







7. App Review 메뉴로 이동하여 No로 되어있는 부분을 Yes로 변경하여 앱을 공개합니다.







8. App Details에서 로그인 연동할 쇼핑몰의 추가 정보를 입력할 수 있습니다.


- Privacy Policy URL : 개인정보 취급방침 페이지 주소

- Terms of Service URL : 이용약관 페이지 주소

- User Support Email : 쇼핑몰 관리자 이메일 주소

- User Support URL : 쇼핑몰 고객 문의 URL







또한, 최신 소스에는 반영이 되어 있으나, 반영이 되기 전에 제작된 디자인 소스를 구매하신 고객님께서는 
직접 로그인 페이지에 소스코딩을 삽입 하셔야 합니다.

하단에 해당 내용이 있는 링크를 첨부 해 드릴께요.
확인 후 소스 삽입 하시면 SNS 로그인 기능을 사용 하실 수 있습니다.


이제 SNS 로그인 기능 추가로 간편한 로그인기능을 사용해 보아요 : )


Review

상품의 사용후기를 적어주세요.

게시물이 없습니다

Write View all

Q&A

상품에 대해 궁금한 점을 해결해 드립니다.

게시물이 없습니다

Write View all