Help Center

카페24 소식

[부가서비스] 휴대폰 인증 서비스 오픈! (HTML수정 포함)

2013-02-18


안녕하세요, 카페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게시판으로 문의해주세요. [문의하기]