안녕하세요, 카페24 운영도우미 입니다.
오늘부터 개정된 정보통신망법 시행으로 주민번호 수집, 이용이 원칙적으로 제한됩니다.
따라서 쇼핑몰 고객 분들의 보다 편리한 본인인증을 위하여 대체수단인 아이핀 인증 외
간편하게 본인 인증을 할 수 있는 서비스인,
휴대폰 인증 서비스가 오픈되었습니다!
자세한 내용은 아래를 참조해 주세요.
1. 제목 : 휴대폰 인증 서비스 오픈
2. 적용일자 : 2013-02-18 (월)
3. 업데이트 내용
■ 휴대폰 인증 서비스 사용자 매뉴얼 [다운로드]
- 서비스 소개 및 HTML 적용방법은 아래의 내용과 동일합니다.
■ 휴대폰 인증 서비스 소개 및 신청
1) 휴대폰 인증 서비스란?
휴대폰 인증 서비스는 본인명의의 휴대폰을 사용하여 본인확인을 가능하게 해주는 서비스로써,
휴대폰을 소유한 개인은 누구든지 간편하게 인증을 진행할 수 있습니다.

2) 서비스 신청
- 휴대폰 인증 서비스는 유료 부가서비스이므로 별도 신청 및 결제를 하셔야 하며,
신청 후 심사를 거쳐 승인완료 후 셋팅이 되어야 쇼핑몰에 적용할 수 있습니다.
- 위치 : 쇼핑몰어드민 > 부가서비스 > 운영지원 서비스 > 휴대폰인증 서비스 > 서비스신청
■ 휴대폰 인증 적용 방법
※ 휴대폰 인증이 적용 페이지
- 회원가입 페이지
- 아이디/비밀번호 찾기 페이지
- 14세 미만 비회원 구매제한 팝업
- 성인인증 페이지
1) 휴대폰 인증 사용설정
휴대폰 인증 신청 및 심사승인이 완료되어 사용 가능한 상태가 되면
'쇼핑몰어드민 > 상점/운영 > 상점운영관련설정 > 본인인증 서비스 설정' 메뉴의 휴대폰 인증 부분이
아래 화면과 같이 ON으로 표시됩니다.
아래의 '사용 설정' 항목에서 본인인증 사용함 선택 및 휴대폰 인증에 체크하시면 휴대폰 인증 서비스가
회원가입 및 아이디/비밀번호 찾기 페이지에 공통으로 적용되어 이용이 가능합니다.

2) 회원가입 페이지에 적용
- 회원가입 관련 페이지에 아래와 같이 파란색 소스 부분을 추가합니다.
- 위치1 : 쇼핑몰어드민 > HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 (c_3)
<input type='hidden' name='NameAuthUseFlag' id='NameAuthUseFlag' value='{{$bNameAuth}}' /> <!-- 실명인증 서비스 사용여부 --> <input type='hidden' name='IpinAuthUseFlag' id='IpinAuthUseFlag' value='{{$bIpinAuth}}' /> <!-- 아이핀 사용여부 --> <input type='hidden' name='MobileAuthUseFlag' id='MobileAuthUseFlag' value='{{$bMobileAuth}}' /> <!-- 휴대폰 인증 사용여부 --> <input type='hidden' name='passwd_type' id='passwd_type' value='{{$passwd_type}}' /> <!-- 비밀번호 사양 --> ==========================================생략=============================================== <!--개인회원--> <tr style="display:{{$ssn_display}}" id='dPersonalSSN'> <td height=10 align="center" bgcolor="{{$tab_array.c_3.th_bgcolor}}" width="127" class="txt_pro">주민등록번호</td> <td height=10 bgcolor="{{$tab_array.c_3.td_bgcolor}}" width="510"> {{if $bIpinJoin === true}} 아이핀 인증 회원 <input type='hidden' name='IpinJoinFlag' id='IpinJoinFlag' value='{{$bIpinJoin}}' /> <!-- 아이핀을 이용한 가입여부 --> {{elseif $bMobileAuthJoin === true}} 휴대폰 인증 회원 <input type='hidden' name='MobileAuthJoinFlag' id='MobileAuthJoinFlag' value='{{$bMobileAuthJoin}}' /> <!-- 휴대폰 인증을 이용한 가입여부 --> {{else}} <input type=text size=10 name="ssn1" id="ssn1" value="{{$ssn1}}" {{$ssn_readonly}} class="input01" maxlength=6> - <input type=password size=10 name="ssn2" value="{{$ssn2}}" {{$ssn_readonly}} class="input01" maxlength=7> {{if $bNameAuthBt === true}} <img src='{{$img_array.c_3.15.url}}' onclick="javascript:window_open( 'http://{{$server_name}}/front/php/name_auth_f.php?'+'form=frm&ssn1=ssn1&ssn2=ssn2&name=name', 'name_auth' ,100, 170, 436, 248 )" style="cursor:pointer">{{/if}} {{/if}} <!-- 아래의 auth_agreement_check는 개인정보보호정책상 삭제되면 안되는 부분입니다. 개인을 구별할 수 있는 고유식별정보(주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등)를 수집 혹은 이용할 경우 꼭 필요한 문구입니다. 삭제시 법적제제를 받을 수 있습니다. --> {{$auth_agreement_check}} </td> </tr> <!--개인회원 끝--> ==========================================생략=============================================== {{/literal}} {{$AuthFormInit}} setAuthType(); </script> |
- 위치2 : HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 (c_3) > 회원정보(c_3_u22)
<input type='hidden' name='IpinBirthday' id='IpinBirthday' /> {{* 아이핀 API가 리턴해준 생일 *}} <input type='hidden' name='IpinGender' id='IpinGender' /> {{* 아이핀 API가 리턴해준 성별 *}} <input type='hidden' name='MobileauthBirthday' id='MobileauthBirthday' /> {{* 휴대폰 인증 리턴값 *}} <input type='hidden' name='MobileauthGender' id='MobileauthGender' /> <input type='hidden' name='Mobileauth_di_key' id='Mobileauth_di_key' /> ====생략==== <tr id="PersonalAuth"> <td bgcolor="#F6F6F6" style="text-align: center;">회원인증</td> <td bgcolor="#FFFFFF"> {{$c_3_u24}} {{$c_3_u25}} {{$c_3_u26}} {{$c_3_u31}} {{$c_3_u27}} {{$c_3_u28}} <!-- 아래의 auth_agreement_check는 개인정보보호정책상 삭제되면 안되는 부분입니다. 개인을 구별할 수 있는 고유식별정보(주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등)를 수집 혹은 이용할 경우 꼭 필요한 문구입니다. 삭제시 법적제제를 받을 수 있습니다. --> |
- 위치3 : HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 (c_3) > 개인인증관련(c_3_u24)
{{* $bNameAuth : 실명인증 서비스 이용 여부 - 상점/운영 - 상점운영관련설정 - 실명인증 서비스 설정에서 변경가능합니다. $bIpinAuth : 아이핀 서비스 이용 여부 - 상점/운영 - 상점운영관련설정 - 실명인증 서비스 설정에서 변경가능합니다. $bMobileAuth : 휴대폰 인증 서비스 이용 여부 - 상점/운영 - 상점운영관련설정 - 실명인증 서비스 설정에서 변경가능합니다. *}} <!-- c_3_u24 START --> <div id="NameAuthType"> {{if $bNameAuth === true}} <input type="radio" name="MemNameAuthType" id="MemNameAuthType1" value="1" checked="checked" onclick="NameAuthDisp();"> <label for="MemNameAuthType1">실명인증</label> {{/if}}
{{if $bIpinAuth === true}} <input type="radio" name="MemNameAuthType" id="MemNameAuthType2" value="2" checked="checked" onclick="NameAuthDisp();"> <label for="MemNameAuthType2">아이핀</label> {{/if}}
{{if $bMobileAuth === true}} <input type="radio" name="MemNameAuthType" id="MemNameAuthType3" value="3" checked="checked" onclick="NameAuthDisp(); setAuthType();"> <label for="MemNameAuthType3">휴대폰 인증</label> {{/if}}
</div> <!-- c_3_u24 END --> |
- 위치4 : HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 (c_3) > 아이핀인증(c_3_u26)
<!-- c_3_u26 START --> {{if $bNameAuth !== true && $bIpinAuth === true && $bMobileAuth !== true}} <div id="NameAuthIpin"> {{else}} <div id="NameAuthIpin" style="display: none;"> {{/if}} <div style="padding: 10px;"><a href="#:none" ><img border="0" src="http://img.cafe24.com/images/ec_hosting/front/btn_ipin.gif" onclick="IpinPopup();"></a></div> <div>아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br/>아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.</div> </div> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$IpinReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="version" id="version" value="shop20"/>
<!-- c_3_u26 START --> |
- 위치5 : HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 (c_3) > 휴대폰인증(c_3_u31)
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
<!-- c_3_u31 START --> {{if $bNameAuth !== true && $bIpinAuth !== true && $bMobileAuth === true}} <div id="NameAuthMobile"> {{else}} <div id="NameAuthMobile" style="display: none;"> {{/if}} <div style="padding: 10px;"><a href="#:none" ><img border="0" src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" onclick="MobileAuthPopup();"></a></div> <div>본인 명의의 휴대폰으로 본인인증을 진행합니다.</div> </div>
<input type='hidden' name='authModule' id='authModule' value='{{$authModule}}'/> <!-- 휴대폰 인증 인증사 구분 --> <input type='hidden' name='authType' id='authType' value='' /> <!-- 실명 인증 방법 변수 --> <input type='hidden' name='mallVersion' id='mallVersion' value='shop20' /> <!-- 몰 버전 shop19 / shop 20 --> <input type='hidden' name='returnUrl' id='returnUrl' value='{{$mobileReturnUrl}}' /> <!-- 인증 후 이동할 페이지 --> <!-- c_3_u31 START --> |
- 위치6 : HTML 디자인설정 > 회원관련화면 > 휴대폰인증 결과 페이지 > 휴대폰인증 결과(c_1)
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
{{* 휴대폰 인증 결과 화면 아래의 폼에 쓰인 필드들의 이름(name/id)과 하단에 스크립트를 삭제하지 마세요. *}} <input type="hidden" id="MobileauthResult" name="MobileauthResult" value="{{$MobileauthResult}}"/> <input type="hidden" id="mode" name="mode" value="{{$mode}}"/>
<!-- 성공시 쓰이는 폼값 --> <input type="hidden" id="MobileauthName" name="MobileauthName" value="{{$MobileauthName}}"/> <input type="hidden" id="MemId" name="MemId" value="{{$MemId}}"/> <input type="hidden" id="MobileauthBirthday" name="MobileauthBirthday" value="{{$MobileauthBirthday}}"/> <input type="hidden" id="MobileauthGender" name="MobilauthGender" value="{{$MobileauthGender}}"/> <input type="hidden" id="MobileauthDiKey" name="MobileauthDiKey" value="{{$MobileauthDiKey}}"/>
<!-- 실패시 쓰이는 폼값 --> <input type="hidden" id="ResultMsg" name="ResultMsg" value="{{$ResultMsg}}"/> <input type="hidden" id="JoinLimitDay" name="JoinLimitDay" value="{{$JoinLimitDay}}"/> <input type="hidden" id="QuitDate" name="QuitDate" value="{{$QuitDate}}"/>
<script> init(); </script> |
▼ 회원가입 페이지 적용화면

3) 아이디 찾기 페이지에 적용
- 아이디 찾기 관련 페이지에 아래와 같이 파란색 소스 부분을 추가합니다.
- 위치1 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기( c_4 )
- 해당 내용은 아이디/비밀번호 찾기 new모듈(c_4) 에서만 적용되는 내용으로, 구모듈(c_3) 이용 중인 몰에서
(c_4) 모듈로 변경하여 아래 소스 적용 시 디자인이 틀어질 수 있으므로 유의하여 적용해주시기 바랍니다.
<td>가입하신 방법에 따라 아이디 찾기가 가능합니다.<br/> 법인사업자 회원 또는 외국인 회원의 경우 이름/주민등록번호 란에 법인명과 법인번호 또는 이름과 등록번호를 입력해 주세요. </tr> <tr> <td> <form action="./?url=FindidDao" name="idFindForm" id="idFindForm" method="post" onsubmit="return FindIdFormCheck();"> <input type="hidden" name="is_check" id="is_check"/> <input type="hidden" name="mode" id="mode" value="findId"/> <table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" > <col width="120"/> <col/> ==========================================생략=============================================== <input type="radio" name="MemAuthType" id="MemAuthTypeE" value="E" onclick="setDispCheck('E');"/> <label for="MemAuthTypeE">이메일로 찾기</label> <input type="radio" name="MemAuthType" id="MemAuthTypeH" value="H" onclick="setDispCheck('H');"/> <label for="MemAuthTypeH">휴대폰 번호로 찾기</label> {$c_4_u2} {$c_4_u4} </td> </tr> ==========================================생략=============================================== <tr id="trEmailRow"> <td bgcolor="#EFEFEF">이메일</td> <td bgcolor="#FFFFFF"><input type="text" name="email" id="email"/></td> </tr> <tr id="trPhoneRow"> <td bgcolor="#EFEFEF">휴대폰 번호</td> <td bgcolor="#FFFFFF"><input type="text" name="phone" id="phone"/>* 입력시 (-)없이 숫자만 입력하세요.</td> </tr> {$c_4_u3} {$c_4_u5} </table> </form> |
- 위치2 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기( c_4 ) > 휴대폰인증 선택 라디오버튼(c_4_u4)
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
{{* c_4_u4 START*}} <span id="mobileauthRadio"><input type="radio" name="MemAuthType" id="MemAuthTypeM" value="M" onclick="setDispCheck('M');"/> <label for="MemAuthTypeM">휴대폰 인증으로 찾기</label></span> {{* c_4_u4 END *}} |
- 위치3 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기( c_4 ) > 휴대폰인증 선택 라디오버튼(c_4_u5)
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
{{* c_4_u5 START *}} <tr id="trMobileauthRow"> <td bgcolor="#EFEFEF">휴대폰 인증</td> <td bgcolor="#FFFFFF"><a href="#:none" onclick="MobileAuthPopup();"><img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" border="0"/></a><br /> 본인 명의의 휴대폰으로 아이디 찾기를 진행할 수 있습니다.<br > 휴대폰 명의자의 정보로 가입한 아이디 찾기가 가능합니다. </td> </tr>
<input type='hidden' name='authModule' id='authModule' value='{{$authModule}}'/> <!-- 휴대폰 인증 인증사 구분 --> <input type="hidden" name="authType" id="audthType" value="mobile"/> <input type="hidden" name="returnUrl" id="returnUrl" value="{{$returnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="mallVersion" id="mallVersion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> {{* c_4_u5 END *}} |
▼ 아이디 찾기 페이지 적용화면

4) 비밀번호 찾기 페이지에 적용
- 비밀번호 찾기 관련 페이지에 아래와 같이 파란색 소스 부분을 추가합니다.
- 위치1 : HTML 디자인설정 > 비밀번호찾기 1단계 > new 비밀번호찾기 1단계( c_4 )
- 해당 내용은 아이디/비밀번호 찾기 new모듈(c_4) 에서만 적용되는 내용으로, 구모듈(c_3) 이용 중인 몰에서
(c_4) 모듈로 변경하여 아래 소스 적용 시 디자인이 틀어질 수 있으므로 유의하여 적용해주시기 바랍니다.
<td>가입하신 방법에 따라 비밀번호 찾기가 가능합니다.<br/> 법인사업자 회원 또는 외국인 회원의 경우 이름/주민등록번호 란에 법인병과 법인번호 또는 이름과 등록번호를 입력해 주세요. </td> </tr> <tr> <td> <form action="./?url=PasswdfindDao" name="pwFindForm" id="pwFindForm" method="post" onsubmit="return FindPwFormCheck();"> <input type="hidden" name="mode" id="mode" value="findPw" /> <input type="hidden" name="is_check" id="is_check" value=="{{$is_check}}"/> <input type="hidden" id="search_type" value="{{$search_type}}"/> <table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" > <col width="120"/> <col/>
==========================================생략=============================================== <td bgcolor="#EFEFEF">구분</td> <td bgcolor="#FFFFFF"><input type="radio" checked="checked" name="MemAuthType" id="MemAuthTypeR" value="R" onclick="setDispCheck('R');"/><label for="MemAuthTypeR"><span id="find_ssn">법인등록번호로 찾기</span></label> <input type="radio" name="MemAuthType" id="MemAuthTypeE" value="E" onclick="setDispCheck('E');"/> <label for="MemAuthTypeE">이메일로 찾기</label> <input type="radio" name="MemAuthType" id="MemAuthTypeH" value="H" onclick="setDispCheck('H');"/> <label for="MemAuthTypeH">휴대폰 번호로 찾기</label> {$c_4_u2} {{$c_4_u4}}
==========================================생략===============================================
<tr id="trEmailRow"> <td bgcolor="#EFEFEF">이메일</td> <td bgcolor="#FFFFFF"><input type="text" name="email" id="email"/></td> </tr> <tr id="trPhoneRow"> <td bgcolor="#EFEFEF">휴대폰 번호</td> <td bgcolor="#FFFFFF"><input type="text" name="phone" id="phone"/>* 입력시 (-)없이 숫자만 입력하세요.</td> </tr> {$c_4_u3} {{$c_4_u5}} </table> </form> <div style="padding:10px; text-align: center;"><input type="image" src="{$img_array.c_4.3.url}" onclick="return FindIdFormCheck();"/></div> </td> |
- 위치2 : HTML 디자인설정 > 비밀번호찾기1단계 > new 비밀번호찾기 1단계( c_4 ) > 휴대폰인증 라디오버튼(c_4_u4)
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
{{* c_4_u4 START*}} <span id="mobileauthRadio"><input type="radio" name="MemAuthType" id="MemAuthTypeM" value="M" onclick="setDispCheck('M');"/> <label for="MemAuthTypeM">휴대폰 인증으로 찾기</label></span> {{* c_4_u4 END *}} |
- 위치3 : HTML 디자인설정 > 비밀번호찾기 1단계 > new 비밀번호찾기 1단계( c_4 )
- 새롭게 추가된 페이지로써 반드시 [편집완료 저장하기]를 1회 진행해 주셔야 휴대폰인증이 정상 작동합니다.
{{* c_4_u5 START *}} <tr id="trMobileauthRow"> <td bgcolor="#EFEFEF">휴대폰 인증</td> <td bgcolor="#FFFFFF"> <a href="#:none" onclick="MobileauthPopup();"><img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" border="0"/></a><br /> 본인 명의의 휴대폰으로 비밀번호 찾기를 진행할 수 있습니다.<br /> 휴대폰 명의자의 정보로 가입한 아이디의 비밀번호 찾기가 가능합니다. </td> </tr>
<input type="hidden" name="authModule" id="authModule" value="{{$authModule}}"/> <input type="hidden" name="authType" id="audthType" value="mobile"/> <input type="hidden" name="returnUrl" id="returnUrl" value="{{$ReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="mallVersion" id="mallVersion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> {{* c_4_u5 END *}} |
▼ 비밀번호 찾기 페이지 적용화면

4) 14세미만 비회원 구매제한 팝업에 적용
① '쇼핑몰어드민 > 상점/운영 > 상점운영 관련설정 > 상점운영방식 설정 > 구매권한' 메뉴에서
14세 미만 비회원 구매차단 항목에 체크합니다.

② HTML 수정
- 14세미만 비회원 구매제한 팝업 페이지에 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가합니다.
- 위치1 : HTML 디자인설정 > 주문관련화면 > 주문전 로그인> ID/Pass입력받는화면 (c_3)
<td>본 쇼핑몰에서는 비회원님도 상품구매가 가능합니다.<br> 단, 비회원 주문시 쇼핑몰에서 제공하는 다양한 회원 혜택에서 제외될 수 있습니다.</td> </tr> <tr> <td align="center"> <a href="/front/php/address.php?basket_type={{$basket_type}}"> <a href="javascript:under14Check('');"> <img src="{{$img_array.c_3.8.url}}" border="0" tabindex=5></a>
|
- 위치2 : HTML 디자인설정 > 주문관련화면 > 14세미만 비회원 체크
function under14Check(f) {{ var sAuthType = document.getElementById('auth_type').value; if (sAuthType == "N") {{ if (f.ssn1.value =='') {{ alert('주민번호를 입력해주세요'); f.ssn1.focus(); return false }} if (f.ssn2.value =='') {{ alert('주민번호를 입력해주세요'); f.ssn2.focus(); return false }} if( frm.chk_name.value == "" ){{ alert('이름을 입력하세요.') ; f.chk_name.focus() ; return false ; }} if( f.auth_agreement_flag && f.auth_agreement_flag.checked === false ){{ alert('고유식별정보 처리에 동의해 주시기 바랍니다.') ; f.auth_agreement_flag.focus() ; return false ; }} }} else {{ if (f.ipin_key == '') {{ alert('아이핀을 통해 본인 인증을 해주세요.'); return false; }} }} if (sAuthType == "M") {{ if(f.mobileauth_key == '') {{ alert('휴대폰 인증을 통해 본인 인증을 해주세요.'); return false; }} }} else {{ if (f.ipin_key == '') {{ alert('아이핀을 통해 본인 인증을 해주세요.'); return false; }} }} }}
function setDisplay(sType) {{ try {{
if(document.getElementById('c_2')) {{ document.getElementById('c_2').style.display = 'none'; }} document.getElementById('c_1').style.display = 'none'; if(sType == 'I') {{ document.getElementById('c_2').style.display = ''; document.getElementById('auth_type').value = 'I'; }} else {{ document.getElementById('c_1').style.display = ''; document.getElementById('auth_type').value = 'N'; }} if (document.getElementById('c_1')) {{ document.getElementById('c_1').style.display = 'none'; }} if(document.getElementById('c_2')) {{ document.getElementById('c_2').style.display = 'none'; }}
if(sType == 'I') {{ document.getElementById('c_1').style.display = ''; document.getElementById('auth_type').value = 'I'; }} else if (sType == 'M') {{ document.getElementById('c_2').style.display = ''; document.getElementById('auth_type').value = 'M'; }}
}} catch(e) {{ alert(e); }} }}
function IpinPopup(sParam) {{ var sOriAction = document.frm.action; var sOriTarget = document.frm.target; window.open('', 'popupIpin','width=448, height=500'); document.frm.target = "popupIpin"; document.frm.action = sParam; document.frm.submit();
document.frm.target = sOriTarget; document.frm.action = sOriAction; }}
function MobileauthPopup(sParam) {{ var sOriAction = document.frm.action; var sOriTarget = document.frm.target;
if(!document.getElementById('iframe_mobile')) {{ var node = document.createElement('div'); node.id = 'iframe_mobile'; node.innerHTML = '<iframe src="" name="iframe_mobile" id="iframe_mobile" width="0" height="0"></iframe>'; node.style.display = 'none'; document.body.appendChild(node); }} document.frm.target = "iframe_mobile"; document.frm.action = "https://i-pin.cafe24.com/namecheck/echosting/?action=auth"; document.frm.submit();
document.frm.target = sOriTarget; document.frm.action = sOriAction; }} function setFormInit() {{
var sType;
try {{ // 사용중인 본인인증 수단 여부에 따라 초기 체크값 세팅 1순위 아이핀 2순위 휴대폰 if(document.getElementById('IpinUse').style.display == 'none') {{ if(document.getElementById('MobileauthUse').style.display != 'none') {{ document.getElementById('MemAuthTypeM').checked = true; sType = 'M'; }} }} else {{ document.getElementById('MemAuthTypeI').checked = true; sType = 'I'; }} }} catch(e) {{ alert(e); }}
setDisplay(sType); }} ==========================================생략===============================================
<!-- wrap --> <div style="width:450px;"> <!-- title --> <div class="pop_tle"> <img src="http://img.cafe24.com/images/ec_hosting/front/tle_pop_cfm_age.gif" alt="14세미만 구매 제한 확인 절차"><br> </div> {{$c_1}} </div> <!-- //wrap --> </body>
<script> setFormInit(); </script>
</html> |
- 위치3 : HTML 디자인설정 > 주문관련화면 > 14세미만 비회원 체크 > 14세미만 비회원 구매시 체크(c_1)
<div class="txt_age"> 14세 미만 사용자는 구매가 제한되어, 확인이 필요합니다. </div>
<div class="clear"></div> <form name="frm" method="post" action="/Front/Basket/?url=Basketunder14check" onSubmit="return under14Check(this)"> <input type="hidden" name="mode" id="mode" value="under14basket" /> <input type="hidden" name="basketType" value='{{$basketType}}'> <input type="hidden" name="auth_type" id="auth_type" value='{{$auth_type}}'/> <div class="tab_cont"> <div style="display:{{$c_2_Disp}}"> <div style="border:1px #72a0e6 solid; background-color:#eef6ff; padding:10px 10px 8px 12px; margin-bottom:20px;"> <div id="IpinUse" style="{{$IpinUse}}"> <input type="radio" checked="checked" name="MemAuthType" id="MemAuthTypeI" value="I" onclick="setDisplay('I');"/> <label for="MemAuthTypeI">아이핀(i-PIN) 인증</label> </div> <div id="MobileauthUse" style="{{$MobileauthUse}}"> <input type="radio" name="MemAuthType" id="MemAuthTypeM" value="M" onclick="setDisplay('M');"/> <label for="MemAuthTypeM">휴대폰 인증</label> </div> </div> </div>
<div id="c_1"> <a href="#:none" onclick="IpinPopup('{{$popupUrl}}');"><img src="http://img.cafe24.com/images/ec_hosting/front/btn_ipin.gif"/></a> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$IpinReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/>
<div> <p style="text-align:left; margin-bottom:3px;"> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에<br>주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의<br>개인식별번호 서비스입니다.<br> 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오. </div> </div>
<div id="c_2"> <a href="#:none" onclick="MobileauthPopup('{{$mobileauthPopupUrl}}');"><img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif"/></a> <input type='hidden' name='authModule' id='authModule' value='{{$authModule}}'/> <!-- 휴대폰 인증 인증사 구분 --> <input type="hidden" name="authType" id="authType" value="mobile"/> <input type="hidden" name="returnUrl" id="returnUrl" value="{{$MobileauthReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="mallVersion" id="mallVersion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/>
<div> <p style="text-align:left; margin-bottom:3px;"> 본인 명의의 휴대폰으로 본인인증을 진행합니다.<br/> 휴대폰 명의자의 나이 정보로 14세 미만 여부를 확인합니다. </div> </div> </div> </form> </div> <!-- //cont --> |
▼ 14세 미만 비회원 구매제한 팝업 적용화면

5) 성인인증 페이지에 적용
① '쇼핑몰어드민 > 디자인관리 > HTML 디자인설정 > 인트로화면 디자인선택' 메뉴에서
본인인증 인트로 사용 설정을 합니다. (메인, 게시판에 각각 설정이 가능합니다.)
② HTML 수정
- 인트로화면5 {common_5}, 인트로화면6 {common_6}, 인트로화면7{common_7} 페이지 각각
아래와 같이 빨간 소스 삭제, 파란색 소스 추가합니다.
- 위치 : HTML 디자인설정 > 인트로화면 > 인트로화면5 {common_5}, 인트로화면6, 인트로화면7
<!-- 아이핀인증 --> <div style="display:{$ipinDisp}"> <form action="/Front/?url=index" method="post" name="under19Form">
<!-- 비회원 성인인증 폼 --> <div style="display:{{$nameAuth}}"> <form action="/Front/?url=index" method="post" name="under19Form" id="under19Form"> <div class="box_set" style="margin-top:35px;"> <h2 class="tle">비회원 성인인증 </h2> <div class="ipin_is"> <label><input type="radio" name="AuthType" value="AuthTypeI" checked="checked" style="vertical-align:middle;" />아이핀(i-PIN) 인증</label> <p style="padding:8px 0 0 20px; font:11px/1.5em dotum; color:#939393;"> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고,<br /> 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br /> 아이핀 가입 또는 인증을 원하시면 '아이핀 인증' 버튼을 눌러 진행해 주십시오.<br /><br /> <a href="#:none" onclick="IpinPopup();"><img src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_ipin_is.gif" alt="아이핀 인증" /></a> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$IpinReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/> </p>
<div class="ipin_is" style="display:{{$nameAuth}}"> <span style="display:{{if $bIpinUse === false}}none{{/if}}"><input type="radio" name="AuthType" id="AuthTypeI" value="AuthTypeI" {{$ipinChecked}} style="vertical-align:middle;" onclick="setAuthType();"/><label for="AuthTypeI">아이핀(i-PIN) 인증</label> </span> <span style="display:{{if $bMobileauthUse === false}}none{{/if}}"><input type="radio" name="AuthType" id="AuthTypeM" value="AuthTypeM" {{$mobileauthChecked}} style="vertical-align:middle;" onclick="setAuthType();"/><label for="AuthTypeM">휴대폰 인증</label></span> <div id="ipinAuth"> <p style="padding:8px 0 0 20px; font:11px/1.5em dotum; color:#939393;"> <a href="#:none" onclick="IpinPopup();"><img src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_ipin_is.gif" alt="아이핀 인증" /></a><br /><br /> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고,<br /> 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br /> 아이핀 가입 또는 인증을 원하시면 '아이핀 인증' 버튼을 눌러 진행해 주십시오.<br /><br /> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$IpinReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/> </p> </div> <div id="mobileAuth"> <p style="padding:8px 0 0 20px; font:11px/1.5em dotum; color:#939393;"> <a href="#:none" onclick="MobileauthPopup();"><img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" alt="휴대폰 인증" /></a><br /><br /> 본인 명의의 휴대폰으로 본인인증을 진행합니다.<br /> 휴대폰 명의자의 나이 정보로 성인 여부를 확인합니다. <input type="hidden" name="authModule" id="authModule" value="{{$authModule}}"/> <input type="hidden" name="mode" id="mode" value="under19_enter"/> <input type="hidden" name="authType" id="authType" value="mobile" /> <input type="hidden" name="returnUrl" id="returnUrl" value="{{$MobileauthReturnUrl}}"/> <input type="hidden" name="mallId" id="mallId" value="{{$mallId}}"/> <input type="hidden" name="mallVersion" id="mallVersion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> </p> </div> </div>
<div class="btm"></div> </div> </form> </div> <!-- //아이핀인증 --> <!-- /비회원 성인인증 폼 -->
<p class="txt_add">미성년자 차단을 위하여 로그인 또는 본인인증 절차를 거치셔야 합니다.</p> </div> </center>
<script> setAuthType(); </script> |
▼ 본인인증 인트로 적용화면

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]