카페24 SNS 로그인 연동! 가능합니다!

2017.01.16 17:23|

나리보스|

추천14|

조회수2,576|

댓글11

카페24를 사용하는 많은 분들이 궁금해 하시는    SNS 로그인 연동  

 

※카페24 '쇼핑몰'을 운영중이어야 합니다.

 

 SNS로그인 연동 방법 

 

1. CAFE24 쇼핑몰센터 접속 후 로그인

http://eclogin.cafe24.com/Shop/ 

 

2. 프로모션 > SNS 관리 > SNS 로그인연동 관리 (사용함 체크)

 

 

 

※ APP ID, Client ID 등 발급방법은 우측 [발급방법 보기] 버튼 클릭 후 확인

 

3. 로그인 페이지 HTML 소스 수정

 

 

※ 참고URL

 

http://service-api.echosting.cafe24.com/Shopboard/index.php?url=BoardView&no=339590&bbs_no=12&version=1.9&class=local&server=ue0033 

 

 ※ HTML 수정 TIP 

 

카페24 제공 소스

 

<ul class="snsArea"> 

<li class="{$display_naver|display}">

<a href="#none" onclick="{$naver_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_naver_login.gif" alt="네이버 로그인" /></a>

</li>

<li class="{$display_facebook|display}">

<a href="#none" onclick="{$facebook_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_facebook_login.gif" alt="페이스북 로그인" /></a>

</li>

<li class="{$display_google|display}">

<a href="#none" onclick="{$google_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_google_login.gif" alt="구글 로그인" /></a>

</li>

</ul>

 

 

이 소스인 경우 아래와 같이 나타납니다. ( CSS 제거상태 )

 


한땀한땀 보자면

1. {$display_naver|display} : 네이버 로그인을 사용함으로 설정했을때만 노출.

2. <ul><li><a href="#" target=""> :

<ul class="snsArea">

<li class="{$display_naver|display}">

<a href="#none" onclick="{$naver_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_naver_login.gif" alt="네이버 로그인" /></a>

</li>

</ul>

 

어디서 많이 본듯한..

HTML태그 정리에서 보셨나요? 

 

<ul></ul> : unordered list 순서가 붙지 않는 리스트 형태 (기호가 붙는다)

 <li></li> : 리스트

[ http://www.i-boss.co.kr/ab-5368-112 ] 

 

이러한 이유로 리스트 형태로 나오게 됩니다.


"나는 리스트가 아닌 일렬로 나오게 하고싶은데?"

 

 

짜잔 수정 방법은 간단합니다. 리스트 형태를 없애줍니다

 

<a href="#none" onclick="{$naver_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_naver_login.gif" alt="네이버 로그인"></a>

<a href="#none" onclick="{$facebook_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_facebook_login.gif" alt="페이스북 로그인"></a> 

<a href="#none" onclick="{$google_func_login}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/member/btn_google_login.gif" alt="구글 로그인"></a>

 

"나는 이미지나 텍스트를 바꾸고 싶어"

 

1. 이미지 변경

 

<a href="#none" onclick="{$naver_func_login}"><img src="경로/파일명" alt="네이버 로그인"></a>

 

2. 텍스트 변경

<a href="#none" onclick="{$naver_func_login}">네이버로그인</a> 

 

 

이런식으로 간단하게 SNS로그인 연동과 소스 수정이 가능합니다. 

오늘은 즐거운 월..요일입니다 :) 보스님들 한주 시작 화이팅 입니다!

 

스크랩

공유하기

신고

하트 아이콘이유님 외 13명이 추천했습니다.

댓글 11
아이보스 알림

지금 이 글은 나리보스 보스님의 아이보스 인기 게시글입니다.

SNS에 공유하여 정보를 나누어 보세요. 페이스북 트위터 카카오스토리
하루동안 보지 않기
소셜로그인
번호제목작성자등록일추천조회
101파비콘(Favicon) : 웹페이지 상단 탭 아이콘 

나리보스

17.02.015508
BEST카페24 SNS 로그인 연동! 가능합니다![11] 

나리보스

17.01.16142,577
99자사몰 SNS 연동 로그인 기능 문의드립니다.[3] 

CHLOE_SK

17.01.161507
98카페24로 쇼핑몰제작시 페이스북 픽셀[5] 

디스트

17.01.142868
BESTHTML 태그 정리[10] 

나리보스

17.01.13221,558
96크롬 개발자 도구를 사용하여 홈페이지 수정요청하기[5] 

나리보스

17.01.060775
95홈페이지 리뉴얼을 제로보드 xe로 하려고 합니다.[8] 

맘스퀸

16.12.052772
94웹페이지에 2개의 이미지를 좌우로 나란히 붙이기...도와..[8] 

uniquest

16.11.242863
93홈페이지 리뉴얼 작업하려고 합니다.[8] 

맘스퀸

16.11.0711,030
92미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

16.11.011797
91굿엠디 써보신 분들 계시나요? 

groovy38

16.10.191567
90메이크샵과 카페24의 차이에 대한 간단한 대화 

보스톡

16.09.2331,036
89고도몰5를 쓰려고 하는데 DB 연동이 가능할까요? 

보스톡

16.09.2301,437
88방문자 카운팅 프로그램 삽입으로 홈페이지 먹통이 될 .. 

보스톡

16.09.220549
87카페24 아이콘과 할인가 일괄 적용하는 방법 

보스톡

16.09.220860
86웹사이트 템플릿 참조 사이트 추천해주세요. 

보스톡

16.09.220504
85고도몰로 제작한 쇼핑몰인데 좀 느린 것 같아요. 도와주..[1] 

보스톡

16.09.220673
84도움요청_모바일버전 준비중입니다.[9] 

이즈가구

16.08.260930
83쇼핑몰 디자인 제작 하실수있는분[2] 

홍콩

16.08.110653
82홈페이지 제작 문의 드립니다[1] 

김독수리2

16.08.051756
81안녕하세요 쇼핑몰 스크립트 관련해서 문의하고싶습니.. 

마마쥬

16.08.040401
80리셀러기능이 있는 쇼핑몰 솔루션 있을까요?[2] 

생활부기자

16.07.270903
79고도몰, NHN(?)에서 인수해서 네이버 노출이 도움이 된다.. 

백억만

16.07.1821,440
78웹호스팅 트래픽 문의드립니다![2] 

마스터맨

16.07.161829
77고수님들 질문있습니다.[1] 

ckilloe

16.07.061511
76유흥 사이트 솔루션 제작[1] 

쩡디렉터

16.06.1501,315
75여러가지 렌탈하는 업체 사이트를 만들고싶습니다.[3] 

컵누들

16.05.190739
74네이버 검색등록시 질문요.[1] 

arisri

11.07.3004,257
73pg사 수수료 문의드립니다.[1] 

김지인

11.07.1715,596
72보스님들께[6] 

황금농장

11.07.1304,523
첫 페이지로 이동 이전 페이지로 이동 12345 다음 페이지로 이동 마지막 페이지로 이동
top

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

받은 쪽지함

모두 읽음 표시 쪽지함