휴대폰 인증 서비스 사용자 매뉴얼img.cafe24.com/images/ec_admin/etc/phone_confrm_manual_v1.3... · 목차 2 1. 서비스 소개 및 신청 1) 휴대폰 인증 서비스란?

휴대폰 인증 서비스

사용자 매뉴얼

목차

2

1. 서비스 소개 및 신청

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

2) 휴대폰 인증 서비스 장점

3) 서비스 신청하기

2. 디자인 설정 – (구)디자인 관리

1) 회원가입 페이지에 적용

2) 아이디, 비밀번호 찾기 페이지에 적용

3) 14세 미만 비회원 구매 제한 팝업에 적용

4) 성인인증 페이지에 적용


3

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

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

2) 휴대폰 인증 서비스 장점

인증진행이 간편하고 인증율이 높습니다. 휴대폰 인증은 누구나 소유하고 있는 휴대폰을 이용한 인증 수단이기에 인증자가 부담 없이 인증을 진행할 수 있다는 것이 가장 큰 장점입니다. 중복가입 방지가 가능합니다. 휴대폰 인증 시에 본인확인 기관에서 보내주는 정보에는 중복확인을 체크하는 값이 포함되어 있어, 개인의 중복가입을 방지할 수 있습니다. 신뢰할 수 있는 마케팅 정보를 얻을 수 있습니다. 휴대폰 인증 후 본인확인 기관에서 보내주는 정보에 인증자의 이름/나이/성별/생년월일과 같은 마케팅에 도움을 줄 수 있는 정보가 포함되어 있습니다. 법적 제재에서 벗어날 수 있습니다. 휴대폰 인증 서비스는 개인정보를 입력 받는 것이 아니기 때문에 개인정보 보호법을 준수할 수 있도록 도와줄 뿐만 아니라, 청소년 보호법에 의한 14세 미만/19세 미만 회원가입 및 구매제한 법률로부터 쇼핑몰을 안전하게 지켜줍니다.


4

3) 서비스 신청하기

휴대폰 인증 서비스는 유료 부가서비스이므로, 별도 신청 및 결제가 완료되어야 쇼핑몰에 적용할 수 있습니다. 휴대폰 인증은 부가서비스 메뉴에서 신청할 수 있습니다.

▼ 위치: 부가서비스 > 운영지원 서비스 > 휴대폰인증 서비스 > 서비스신청

2. 디자인 설정 – (구)디자인관리

5

1) 회원가입 페이지에 적용

다음 순서에 따라 설정 및 디자인 수정을 해야 적용됩니다. ① 휴대폰 인증 사용 설정 휴대폰 인증 신청 및 심사승인이 완료되어 사용 가능한 상태가 되면, 아래 화면과 같이 ‘서비스 신청 상태가’ 가 ON으로 표시됩니다. 사용 설정 항목에서 본인인증 사용함 선택 및 휴대폰 인증에 체크합니다. (이 설정은 회원가입, 아이디/비밀번호 찾기 페이지에 공통으로 적용됩니다.)

▼ 위치: 상점관리 > 상점운영 관련설정 > 본인인증 서비스 설정


6

② html 디자인 수정 > 회원가입 페이지 다음과 같이 회원가입 페이지에 관련 소스를 추가합니다.

<form name="frmIpin" method="post" action=""> <input type="hidden" name="ipin_param1" id="ipin_param1" value=""/> <input type="hidden" name="ipin_param2" id="ipin_param2" value=""/> <input type="hidden" name="mallId" id="mallId" value="{$mall_id}"/> <input type="hidden" name="version" id="version" value="shop19"/> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{$ipin_returnUrl}"/> </form> {{$mauthForm}} ==========================================생략=============================================== <tr> <td> {{if $is_name_auth_use eq 'T'}}<input type=radio name="personal_type" value="n" onclick="member_typeLayer();" {{if $personal_type eq 'n'}}checked{{/if}}>실명인증 {{/if}} {{if $is_ipin_auth_use eq 'T'}}<input type=radio name="personal_type" value="i" onclick="member_typeLayer();" {{if $personal_type eq 'i'}}checked{{/if}}>아이핀(i-PIN){{/if}} {{if $is_mobile_auth_use eq 'T'}}<input type=radio name="personal_type" value="m" onclick="member_typeLayer();" {{if $personal_type eq 'm'}}checked{{/if}}>휴대폰인증{{/if}} </td> </tr> ==========================================생략=============================================== 개인을 구별할 수 있는 고유식별정보(주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등)를 수집 혹은 이용할 경우 꼭 필요한 문구입니다. 삭제시 법적제제를 받을 수 있습니다. . --> {{$default_agreement_p}} </td> </tr> </table>   <table width=100% style="display:{{$ipin_view_display}}" id="ipin_view"> <tr> <td> <img src="{{$img_array.c_3.24.url}}" onclick="fnIpinPopup();" style="cursor:hand"></td></tr> <tr> <td> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br> 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.</td></tr> </table>   <table width=100% style="display:{{$mauth_view_display}}" id="mauth_view"> <tr> <td><img src="{{$img_array.c_3.28.url}}" onclick="fnMauthPopup();" style="cursor:hand"></td> </tr> <tr> <td> 본인 명의의 휴대폰으로 본인인증을 진행합니다. </td> </tr> </table> 

▼ 위치: HTML 디자인설정 > 회원가입/수정 > 회원가입/ 수정 입력폼 > 회원정보(사용) (u23) 추가


7

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


8

<form name="frmIpin" method="post" action=""> <input type="hidden" name="ipin_param1" id="ipin_param1" value=""/> <input type="hidden" name="ipin_param2" id="ipin_param2" value=""/> <input type="hidden" name="mallId" id="mallId" value="{{$mall_id}}"/> <input type="hidden" name="version" id="version" value="shop19"/> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$ipin_returnUrl}}"/> </form>  {{$mauthForm}} ====생략==== <input type='radio' name='is_check' value='2' {{if $is_check eq '2'}}checked{{/if}} onclick="find_typeLayer('2');"> 이메일로 찾기 <span id='selectMobileRadio'>{{if $is_mobile_auth_use eq 'T'}}<input type='radio' name='is_check' value='4' {{if $is_check eq '4'}}checked{{/if}} onclick="find_typeLayer('4');"> 휴대폰 번호로 찾기{{/if}}</span> <span id='selectIpinRadio'>{{if $is_ipin_auth_use eq 'T'}}<input type='radio' name='is_check' value='3' {{if $is_check eq '3'}}checked{{/if}} onclick="find_typeLayer('3');"> i-PIN 인증으로 찾기{{/if}}</span> <span id='selectMauthRadio'>{{if $is_mauth_auth_use eq 'T'}}<input type='radio' name='is_check' value='5' {{if $is_check eq '5'}}checked{{/if}} onclick="find_typeLayer('5');">휴대폰 인증으로 찾기{{/if}}</span> </td> </tr> ====생략===== <td bgcolor="{{$tab_array.c_3.th_bgcolor}}">이메일</td> <td bgcolor="{{$tab_array.c_3.td_bgcolor}}" ><input type="text" name="email" size="33" class="input01" maxlength=40 value="{{$email}}"></td></tr> <tr style="display:none" id="ipin_view"> <td bgcolor="{{$tab_array.c_3.th_bgcolor}}">i-PIN 인증</td> <td bgcolor="{{$tab_array.c_3.td_bgcolor}}" >회원가입을 아이핀으로 가입하신 회원님께서는 아이핀으로 인증하세요.<br> <img src="{{$img_array.c_3.6.url}}" onclick="fnIpinPopup(this.form);" style="cursor:hand;"></td> </tr> <tr style="display:none" id="mauth_view"> <td bgcolor="{{$tab_array.c_3.th_bgcolor}}">휴대폰 인증</td> <td bgcolor="{{$tab_array.c_3.td_bgcolor}}" > <img src="{{$img_array.c_3.7.url}}" onclick="fnMauthPopup();" style="cursor:hand;"><br>본인 명의의 휴대폰으로 아이디 찾기를 진행할 수 있습니다.<br>휴대폰 명의자의 정보로 가입한 아이디 찾기가 가능합니다. </td> </tr>

▼ 위치: HTML 디자인설정 > 아이디찾기 > 아이디찾기( c_3 )

2) 아이디, 비밀번호 찾기 페이지에 적용

다음 순서에 따라 설정 및 디자인 수정을 해야 적용됩니다. ① 휴대폰 인증 사용 설정 ‘본인인증 서비스 설정 > 회원가입’ 설정을 본인인증 사용함 선택 및 휴대폰 인증에 체크합니다. 이 설정은 회원가입, 아이디/비밀번호 찾기 페이지에 공통으로 적용됩니다. (5P 참고) ② html 디자인 수정 > 아이디 찾기 / 비밀번호 찾기 페이지 다음과 같이 아이디 찾기 / 비밀번호 찾기 페이지에 휴대폰 인증 관련 소스를 추가합니다.

추가 ▼ 위치: HTML 디자인설정 > 비밀번호찾기(1단계) > 비밀번호찾기(1단계) (c_3)


9

▼ 비밀번호 찾기 페이지에 휴대폰 인증 적용된 화면

▼ 아이디 찾기 페이지에 휴대폰 인증 적용된 화면


10

3) 14세 미만 비회원 구매 제한 팝업에 적용

다음 순서에 따라 설정 및 디자인 수정을 해야 적용됩니다. ① 14세 미만 비회원 구매차단 설정 14세 미만 비회원 구매 차단 설정을 합니다.

▼ 위치: 상점관리 > 상점운영 관련설정 > 상점운영방식 설정 > 구매권한

② html 디자인 수정 > 14세 미만 비회원 구매 제한 팝업 다음과 같이 소스를 수정합니다. 빨간색으로 표시된 부분은 삭제, 파란색으로 표시된 부분은 추가되어야 할 소스입니다.

▼ 위치: HTML 디자인설정 > 주문관련화면 > 14세미만 비회원 체크 POPUP > 14세 미만 비회원(c_1)

 {{$MauthForm}} <form name='under14_purchase' action='/front/php/under14_purchase/under14_purchase.php' method='post'> <div style="width:100%;">  <div class="pop_tle"> <img src="{{$img_array.c_1.1.url}}" alt="14세미만 구매 제한 확인 절차"><br> </div>   <div style="padding:18px 18px 30px 20px;"> <div class="txt_age"> 14세 미만 사용자는 구매가 제한되어, 확인이 필요합니다.<br> </div> <div class="clear"></div> <div class="tab_cont"> - 다음 페이지 이어서 -

추가


11

====생략====  <div style="display:{{$ipin_auth_display}};border:1px #72a0e6 solid; background-color:#eef6ff; padding:10px 10px 8px 12px; margin-bottom:20px; color:#000;"> <label><input type="radio" class="abs7" name='auth_type' onclick="viewLayerUnder14Popup('ipin');" checked="checked" /> 아이핀(i-PIN) 인증</label> <label><input type="radio" class="abs7" name='auth_type' onclick="viewLayerUnder14Popup('ssn');" /> 주민번호 인증</label> </div> <div class="clear"></div> <div id='auth_display_layer' style="display:{{$auth_display_layer}};border:1px #72a0e6 solid; background-color:#eef6ff; padding:10px 10px 8px 12px; margin-bottom:20px; color:#000;"> <label id='ipin_auth_display' style="display:{{$ipin_auth_display}};"><input type="radio" class="abs7" name='auth_type' onclick="viewLayerUnder14Popup('ipin');" /> 아이핀(i-PIN) 인증</label> <label id='mobile_auth_display' style="display:{{$mauth_auth_display}};"><input type="radio" class="abs7" name='auth_type' onclick="viewLayerUnder14Popup('mobile');" /> 휴대폰 인증</label> </div> <div class="clear"></div>  <div class="tab_cont">  <div id="c_1" style="display:none;"> <span style="display:inline-block; width:90px;">이름</span> <input type="text" name="under14_name" maxlength="20" style="width:90px; height:20px; border:1px solid #7f9db9;"><br> <div style="margin:5px 0 0 0;"> <span style="display:inline-block; width:90px;">주민등록번호</span> <input type="text" name="under14_ssn1" value="" style="width:90px; height:20px; border:1px solid #7f9db9;" maxlength="6" onkeypress="onlyNumber();" > - <input type="password" name="under14_ssn2" value="" style="width:90px; height:20px; border:1px solid #7f9db9;" maxlength="7" onkeypress="onlyNumber();" > <a href="javascript:goAddress();"><img src="{{$img_array.c_1.2.url}}" alt="확인" align="absmiddle"></a> <br/><br/>  <div style="width:370px;">{{$agreement_msg}}</div> </div> </div> <div id="c_2" style="display:none;"> <img src="http://img.cafe24.com/images/ec_hosting/front/btn_ipin.gif" onclick="{{$popUpIpinScript}}" style="cursor:hand"><br> <br> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에<br> 주민등록번호를 제공하지 않고 본인임을 확인하는 인터넷상의 <br> 개인식별번호 서비스입니다.<br> 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 주세요.<br> </div> <div id="c_3" style="display:none;"> <img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" onclick="{{$popUpMobileScript}}" style="cursor:hand"><br> <br> 본인 명의의 휴대폰으로 본인인증을 진행합니다.<br>휴대폰 명의자의 나이 정보로 14세 미만 여부를 확인합니다. </div>

▼ 위치: HTML 디자인설정 > 주문관련화면 > 14세미만 비회원 체크 POPUP > 14세 미만 비회원(c_1)

삭제 추가


12

▼ 14세 미만 비회원 체크 팝업에 휴대폰 인증 적용된 화면


13

4) 성인인증 페이지에 적용

▼ 위치: 디자인관리 > HTML 디자인설정 > 인트로화면 디자인선택

다음 순서에 따라 본인인증 인트로 설정 및 디자인 수정을 해야 적용됩니다.

① 본인인증 인트로 사용 설정 메인, 게시판에 각각 설정을 할 수 있습니다.


14

② html 디자인 수정 다음과 같이 소스를 수정합니다. 빨간색으로 표시된 부분은 삭제, 파란색으로 표시된 부분은 추가되어야 할 소스입니다. 인트로화면5 {common_5}, 인트로화면6 {common_6}, 인트로화면7{common_7} 페이지 모두 아래와 같이 수정하시면 됩니다.

<form name="frmIpin" method="post" action=""> <input type="hidden" name="ipin_param1" id="ipin_param1" value=""/> <input type="hidden" name="ipin_param2" id="ipin_param2" value=""/> <input type="hidden" name="mallId" id="mallId" value="{{$mall_id}}"/> <input type="hidden" name="version" id="version" value="shop19"/> <input type="hidden" name="ipin_returnUrl" id="ipin_returnUrl" value="{{$ipin_returnUrl}}"/>  {{$IpinForm}}  {{$MauthForm}} <div class="box_set" style="margin-top:35px;" > <h2 class="tle">비회원 성인인증 </h2> <div class="ipin_is" style="display:{{$is_ipin_auth_use}};'"> <label><input type="radio" style="vertical-align:middle;" checked />아이핀(i-PIN) 인증</label> <label style='display:{{$ipinAuthLabelView}};'><input type="radio" name='authType' onclick="{{$introAuthTypeScriptIpin}}" style="vertical-align:middle;" {{$ipin_intro_checked}} />아이핀(i-PIN) 인증</label> <label style='display:{{$mobileAuthLabelView}};'><input type="radio" name='authType' onclick="{{$introAuthTypeScriptMobile}}" style="vertical-align:middle;" {{$mobile_intro_checked}} />휴대폰 인증</label> <p style="padding:8px 0 0 20px; font:11px/1.5em dotum; color:#939393;"> <span id='ipinauthspan' style='display:{{$ipinAuthSpanlView}};'> 아이핀이란, 회원님의 개인정보 보호를 위해 웹사이트에 주민등록번호를 제공하지 않고,<br /> 본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br /> 아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.<br /><br /> <a href="javascript:fnIpinPopup();"><img src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_ipin_is.gif" alt="아이핀 인증" /></a> </span> <span id='mobileauthspan' style='display:{{$mobileAuthSpanView}};'> 본인 명의의 휴대폰으로 본인인증을 진행합니다.<br> 휴대폰 명의자의 나이 정보로 성인 여부를 확인합니다.<br /><br /> <a href="javascript:fnMauthPopup();"><img src="http://img.echosting.cafe24.com/admin/btn_check_phone2.gif" alt="휴대폰 인증" /></a> </span> </p> </div> <div class="btm"></div> </div> </form> <p class="txt_add">미성년자 차단을 위하여 로그인 또는 본인인증 절차를 거치셔야 합니다.</p> </div> </center>

▼ 위치: HTML 디자인설정 > 인트로화면 > 인트로화면5 {common_5} / 인트로화면6 {common_6} 삭제 추가


15

▼ 휴대폰 인증 적용된 본인인증 인트로화면

Documents

휴대폰 인증 서비스 사용자 매뉴얼img.cafe24.com/images/ec_admin/etc/phone_confrm_manual_v1.3... · 목차 2 1. 서비스 소개 및 신청 1) 휴대폰 인증 서비스란?