Help Center

카페24 소식

[스마트디자인] 휴대폰 인증 서비스 오픈!

2013-02-18


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


오늘부터 개정된 정보통신망법 시행으로 주민번호 수집, 이용이 원칙적으로 제한됩니다.
따라서 쇼핑몰 고객 분들의 보다 편리한 본인인증을 위하여
대체수단인 아이핀 인증 외
간편하게 본인 인증을 할 수 있는 서비스인,


휴대폰 인증 서비스가 오픈되었습니다!

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



1. 제목 : 휴대폰 인증 서비스 오픈

2. 적용일자 : 2013-02-18 (월)

3. 업데이트 내용


■ 휴대폰 인증 서비스 사용자 매뉴얼 [다운로드]
   - 서비스 소개 및 HTML 적용방법은 아래의 내용과 동일합니다.


■ 휴대폰 인증 서비스 소개 및 신청

 
  1) 휴대폰 인증 서비스란?

      휴대폰 인증 서비스는 본인명의의 휴대폰을 사용하여 본인확인을 가능하게 해주는 서비스로써,
      휴대폰을 소유한 개인은 누구든지 간편하게 인증을 진행할 수 있습니다.

   
   2) 서비스 신청
     - 휴대폰 인증 서비스는 유료 부가서비스이므로 별도 신청 및 결제를 하셔야 하며,
        신청 후 심사를 거쳐 승인완료 후 셋팅이 되어야 쇼핑몰에 적용할 수 있습니다.
     - 위치 : 쇼핑몰어드민 > 부가서비스 > 운영지원 서비스 > 휴대폰인증 서비스 > 서비스신청

 
■ 휴대폰 인증 적용 방법

※ 휴대폰 인증이 적용 페이지
   - 회원가입 페이지
   - 아이디/비밀번호 찾기 페이지
   - 14세 미만 비회원 구매제한 팝업
   - 성인인증 페이지


  1) 휴대폰 인증 사용설정
     휴대폰 인증 신청 및 심사승인이 완료되어 사용 가능한 상태가 되면
     '쇼핑몰어드민 > 상접관리 > 상점운영 관련 설정 > 본인인증 서비스 설정' 메뉴의 휴대폰 인증 부분이
     아래 화면과 같이 ON으로 표시됩니다.


     아래의 '사용 설정' 항목에서 본인인증 사용함 선택 및 휴대폰 인증에 체크하시면 휴대폰 인증 서비스가
     회원가입 및 아이디/비밀번호 찾기 페이지에 공통으로 적용되어 이용이 가능합니다.

     


  2) 회원가입 페이지에 적용
     - 회원가입 페이지에 아래와 같이 파란색 소스 부분을 추가합니다.
     - 위치 : 회원(member) > 회원가입(join.html)

 

  <!-- 아이핀 -->
                            <div id="ipinWrap">
                                <p>
                                    <a href="#" onclick="{$action_ipin_open}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증" /></a>
                                    아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다. 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.
                                </p>
                            </div>

                            <!-- 휴대폰인증 -->
                            <div id="mobileWrap">
                                <p>
                                    <a href="#" onclick="{$action_mobile_open}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" /></a><br>
                                    본인 명의의 휴대폰으로 본인인증을 진행합니다.
                                </p>
                            </div>

                        </div>

                        <!-- 법인 사업자 인증 -->
                        <div id="businessAuth">
                            <p>법인명</p>
                            <span>{$form.bname}</span>
                            <p>법인번호</p>
                            <span>
                                {$form.bssn1} - {$form.bssn2}
                                <a href="#" onclick="{$action_business_dupl}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin4.gif" alt="중복 확인" /></a>
                            </span>
                        </div>



     ▼ 회원가입 페이지에 휴대폰 인증 적용화면
     



  3) 아이디, 비밀번호 찾기 페이지에 적용
     ① 아이디 찾기 파일에 아래와 같이 파란색 소스를 추가합니다
       - 위치 : 회원(member) > 아이디 찾기(id) > 아이디찾기(find_id.html)

  <span class="email" style="display:none;" id='email_view'>
                    이메일로 찾기
                    <span>{$form.email}</span>
                </span>
               
                <span class="mobile" style="display:none;" id='mobile_view'>
                    휴대폰 번호로 찾기
                    <span>{$form.mobile1} - {$form.mobile2} - {$form.mobile3}</span>
                </span>
               
                <span class="ipin" style="display:none;" id='ipin_view'>
                    아이핀인증으로 찾기
                    <span class="text">회원가입을 아이핀으로 가입하신 회원님께서는 <br />아이핀으로 인증하세요.</span>
                    <span><a href="#none" onclick="{$action_func_find_id}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증" style="vertical-align:middle" /></a></span>
                </span>               
                <span class="mobileauth" style="display:none;" id='mobile_auth_view'>
                    휴대폰인증으로 찾기
                    <span class="text">
                    본인 명의의 휴대폰으로 아이디 찾기를 진행할 수 있습니다.<br>
                    휴대폰 명의자의 정보로 가입한 아이디 찾기가 가능합니다.
                    </span>
                    <span><a href="#none" onclick="{$action_func_find_id}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" style="vertical-align:middle" /></a></span>
                </span>
             </p>



 ② 비밀번호 찾기 파일에 아래와 같이 파란색 소스를 추가합니다
   - 위치1 : 회원(member) > 비밀번호 찾기(passwd) > 비밀번호찾기 개인정보(find_passwd_info.html)

 </span>
 <span class="mobile" style="display:none;" id='mobile_view'>
            휴대폰 번호로 찾기
            <span>{$form.mobile1} - {$form.mobile2} - {$form.mobile3}</span>
        </span>

 <span class="mobileauth" style="display:none;" id='mobile_auth_view'>
                    휴대폰인증으로 찾기
                    <span class="text">
                    본인 명의의 휴대폰으로 비밀번호 찾기를 진행할 수 있습니다.<br>
                    휴대폰 명의자의 정보로 가입한 비밀번호 찾기가 가능합니다.
                    </span>
                    <span><a href="#none" onclick="{$action_func_find_passwd_question}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" style="vertical-align:middle" /></a></span>
                </span>

</p>



     ▼ 아이디/비밀번호 찾기 적용화면
          


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

         

     ②  HTML 수정
     - 14세 미만 비회원 구매 제한 팝업 페이지에 아래와 같이 파란색 소스를 추가합니다.
     - 위치 : 회원(member) > 14세미만 구매제한 확인 절차(check_under_fourteen.html)

 <div class="layInner">
  <p class="info">
   14세 미만 사용자는 <span>구매가 제한되어, 확인이 필요</span>합니다.
  </p>

        <p class="select" id='auth_type_layer'>
            <label id='ipinAuthselect' {$typeIpinUse}><input type="radio" name='AuthType' value='i' {$typeAuthIpin} /> 아이핀(i-Pin) 인증</label>
            <label id='mobileAuthselect' {$typeMobileAuthUse}><input type="radio" name='AuthType' value='m' {$typeAuthMobile} /> 휴대폰인증</label>
        </p>
       
        <div class="ipin" id='ipin' {$typeIpinUse}>
            <a href="#none" onclick="{$ipinpopup}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증" /></a>
            <p>
            아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고 <br />
            본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br />
            아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.
            </p>
        </div>
        <div class="ipin" id='mobileauth' {$typeMobileAuthUse} {$typeMobileAuthUseDefault}>
            <a href="#none" onclick="{$mobileauthpopup}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" /></a>
            <p>
                본인 명의의 휴대폰으로 본인인증을 진행합니다. <br>
                휴대폰 명의자의 나이 정보로 14세 미만 여부를 확인합니다.
            </p>
        </div>
  <div class="btnArea">
   <p><a href="#none" onclick="self.close();"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_linkCancel.gif" alt="취소하기" /></a></p>
  </div>



     ▼ 14세 미만 비회원 구매제한 팝업 적용화면
     


  5) 성인인증 페이지에 적용
     ① '쇼핑몰어드민 > 디자인관리 > HTML 디자인설정 > 인트로화면 디자인선택' 메뉴에서
         본인인증 인트로 사용 설정을 합니다. (메인, 게시판에 각각 설정이 가능합니다.)

     ② 아래 안내를 참고하시어 인트로화면5 {common_5}, 인트로화면6 {common_6}, 인트로화면7{common_7}
         페이지에서 각각 빨간색 소스 삭제, 파란색 소스 추가를 해주시기 바랍니다.


       - 위치 : 인트로(intro)> 인트로화면 본인인증(adult_i.html)

 <div class="under19">
        <div class="msg">
            <h2>19세 미만의 미성년자는 <br />출입을 금합니다.</h2>
            <p class="info">
                이 정보내용은 청소년 유해매체물로서 <br />
                정보통신망 이용촉진법 및 정보보호 등에 관한 법률 및 청소년 보호법의 <br />
                규정에 의하여 19세 미만의 청소년은 사용할 수 없습니다. <br />
                <span>미성년자 차단을 위하여 <em>로그인 또는 본인인증 절차</em>를 거치셔야 합니다.</span>
            </p>
            <a href="{$outlink}"><img src="http://img.echosting.cafe24.com/design/skin/mono/intro/btn_under19ipin.gif" alt="19세 미만 나가기" /></a>
        </div>
    </div>

    <div class="member" {$display_auth}>
            <h2><img src="http://img.echosting.cafe24.com/design/skin/mono/intro/h2_ipinNoMember.gif" alt="비회원 성인인증" /></h2>
        <div class="inner">
            <label><input type="radio" name='AuthType' checked /> 아이핀(i-PIN) 인증</label>
            <p class="ipin">

 <label id='ipinSelectRadio' {$ipinAuthRadioView} ><input type="radio" name='AuthType' {$ipinAuthChecked} /> 아이핀(i-PIN) 인증</label>
            <label id='mobileauthSelectRadio' {$mobileauthAuthRadioView} ><input type="radio" name='AuthType' {$mobileAuthChecked} /> 휴대폰 인증</label>
            <p class="ipin" id='ipin' {$ipinAuthRadioView} >  
             <span><a href="#none" onclick="{$ipinpopup}"><img src="http://img.echosting.cafe24.com/design/skin/mono/member/btn_memJoin2.gif" alt="아이핀 인증" style="vertical-align:middle" /></a></span>
                아이핀이란, 회원님의 개인정보 보호를 위해 <br />
                웹사이트에 주민등록번호를 제공하지 않고,<br />
                본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br />
                아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.
            </p>         
            <p class="ipin" id='mobileauth' {$mobileauthAuthRadioView} {$mobileauthAuthRadioViewDevault}>
                <span><a href="#none" onclick="{$mobileauthpopup}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" style="vertical-align:middle" /></a></span>
                   본인 명의의 휴대폰으로 본인인증을 진행합니다.<br>
                   휴대폰 명의자의 나이 정보로 14세 미만 여부를 확인합니다.             
            </p>                       
        </div>
    </div>



     ▼ 본인인증 인트로 적용화면
     


 


카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다
.

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