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

2017.01.16 17:23|

나리보스|

추천13|

조회수1,728|

댓글9

카페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로그인 연동과 소스 수정이 가능합니다. 

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

 

하트 아이콘덕쿠님 외 12명이 추천했습니다.

댓글 9
아이보스 알림

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

SNS에 공유하여 정보를 나누어 보세요. 페이스북 트위터 카카오스토리
하루동안 보지 않기
소셜로그인
번호제목작성자등록일추천조회
139스토어팜 폰트사이즈 조절  

수성이

07:52026
138개인방송국 솔루션 제작[2] 

택배왕김착불

17.05.260151
136오픈마켓 크롤링 하시는 업체 있나요?[1] 

쇼핑왕

17.05.19095
135자사몰 운영하시는 분들의 비율이 어느정도될까요?[4] 

두둠칫두둠칫

17.05.120197
134안녕하세요, 쇼핑몰 솔루션을 환불해 보신 분이 계실까..[3] 

코스모스플랜

17.04.260187
133안녕하세요. 사이트 운영에 도움이 필요해 의견 여쭤봐..[2] 

스텝어라운드

17.04.180196
BEST(html코딩)마케터를 위한 바로가기 버튼 생성법 [5] 

권용범

17.04.11181,168
130기존 쇼핑몰 리뉴얼 관련 질문입니다.[3] 

ajlfdsjl

17.04.030240
129쇼핑몰 홈페이지 자체개발 vs 메이크샵 어떤게?[2] 

무슨상관

17.03.291332
127동영상강좌 1강[3] 

바나로이

17.02.282398
126쇼핑몰제작 추천좀해주세요.[4] 

바나로이

17.02.272330
125[IOS]하이브리드앱 , 웹뷰에 관하여. 

바나로이

17.02.272474
1241.쇼핑몰 솔루션의 선택 !![9] 

바나로이

17.02.2510620
123쇼핑몰 제작 강좌를 진행해보려 합니다[12] 

바나로이

17.02.257303
119다수엑셀파일을 하나로 합치기(무료프로그램)[6] 

전옥철

17.02.165531
118기존 임대몰에서 몰인몰로의 이전 문의드립니다.[5] 

라임엘프

17.02.132271
117모바일에 HTML5 적용하면 문제가 될까요?[2] 

보스톡4

17.02.053244
116파비콘(Favicon) : 웹페이지 상단 탭 아이콘 

나리보스

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

나리보스

17.01.16131,729
114자사몰 SNS 연동 로그인 기능 문의드립니다.[3] 

CHLOE_SK

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

디스트

17.01.142557
BESTHTML 태그 정리[10] 

나리보스

17.01.13191,283
110크롬 개발자 도구를 사용하여 홈페이지 수정요청하기[4] 

나리보스

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

맘스퀸

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

uniquest

16.11.242499
105홈페이지 리뉴얼 작업하려고 합니다.[7] 

맘스퀸

16.11.071850
104미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

16.11.011566
102굿엠디 써보신 분들 계시나요? 

groovy38

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

보스톡

16.09.233808
98고도몰5를 쓰려고 하는데 DB 연동이 가능할까요? 

보스톡

16.09.230908
1234 다음 페이지로 이동 마지막 페이지로 이동
top

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

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

전체 알림

모두 읽음 표시 알림함

내 댓글

전체보기

스크랩함

전체보기

스크랩한 게시글이 없습니다.

아이보스 추천 게시글을 스크랩 해보세요! 스크랩하기
아이보스 배너광고 영역