Help Center

카페24 소식

[프로모션] 페이스북 아이디 로그인 기능 업그레이드 안내

2015-10-27


안녕하세요. 카페24 운영도우미 입니다.


한국어 멀티쇼핑몰에도 페이스북 아이디로 로그인이 가능하도록 업그레이드 되었습니다.


자세한 내용은 아래를 참조해주세요.

※ 본 기능은 뉴상품관리를 사용하는 몰에서만 이용 가능합니다.
    (뉴상품관리로의 업그레이드는 고객지원센터로 문의주세요.)



적용일자 : 2015년10월28일 (수요일)

업데이트 내용


기존의 해외 멀티쇼핑몰에만 가능했던 페이스북 아이디 로그인 기능이 한국어 멀티쇼핑몰에도 확대 적용되었습니다.


위치 : 프로모션 > SNS 관리 > 페이스북 로그인 연동


▼ 관리자화면 - 페이스북 로그인 연동 설정 화면

     


▼ 쇼핑몰화면 - 페이스북 로그인 버튼 노출 및 연동 화면

                          ↓

         


※ 페이스북 아이디로 로그인시 자동 회원가입이 되므로 회원과 동일한 혜택 제공이 가능합니다.


■ 디자인 수정하기


각 화면에 아래와 같이 파란색 소스를 추가합니다.


1. PC 쇼핑몰


- 위치 : 디자인 관리 > 회원 > 로그인 (/member/login.html)


 ##### 상단 생략 #####

<p class="sns {$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>
</p>

<p class="sns {$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>
</p>

##### 하단 생략 #####


- 위치 : 디자인 관리 > 인트로 > 인트로 본인인증+회원 (/intro/member.html, adult_im.html)


 ##### 상단 생략 #####

<p class="sns {$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>
</p>

<p class="sns {$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>
</p>

##### 하단 생략 #####

2. 모바일 쇼핑몰


- 위치 : 디자인 관리 > 회원 > 로그인 (/member/login.html)


 ##### 상단 생략 #####

<button type="button" class="btnSubmit" onclick="{$action_func_login}">로그인</button>

<a href="#none" class="btnFacebook {$display_facebook|display}" onclick="{$facebook_func_login}"><span>Facebook 로그인</span></a>

##### 하단 생략 #####

- 위치 : 디자인 관리 > 인트로 > 인트로 본인인증+회원 (/intro/member.html, adult_im.html)


 ##### 상단 생략 #####

<button type="button" class="btnSubmit" onclick="{$action_func_login}">로그인</button>

<a href="#none" class="btnFacebook {$display_facebook|display}" onclick="{$facebook_func_login}"><span>Facebook 로그인</span></a>

##### 하단 생략 #####


- 위치 : 디자인 관리 > css > 회원 > login.css

 ##### 상단생략 #####
.xans-member-login .btnArea .btnFacebook {
display:block; margin:10px 0 0; border:0; font-size:15px; color:#fff; text-align:center;
background:#5370AC url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_btn_facebook.png") no-repeat 15px 0; background-size:26px 36px;
-moz-box-sizing:border-box; box-sizing:border-box;
}


- 위치 : 디자인 관리 > css > 인트로 > memberPackage.css /  adultHead.css

 ##### 상단생략 #####
.xans-intro-memberpackage .btnArea .btnFacebook {
display:block;
margin:10px 0 0; border:0; font-size:13px; color:#fff;
text-align:center; height:34px; line-height:33px; padding:0 0 0 45px;
 background:#4386f4 url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_btn_facebook.png") no-repeat 12px 1px; background-size:33px 33px;
-moz-box-sizing:border-box; box-sizing:border-box;
}




카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]