휴대폰인증서비스 사용자매뉴얼
목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2
1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써, 휴대폰을소유한개인은누구든지간편하게인증을진행할수있습니다. 2) 휴대폰인증서비스장점 인증진행이간편하고인증율이높습니다. 휴대폰인증은누구나소유하고있는휴대폰을이용한인증수단이기에인증자가부담없이인증을진행할수있다는것이가장큰장점입니다. 중복가입방지가가능합니다. 휴대폰인증시에본인확인기관에서보내주는정보에는중복확인을체크하는값이포함되어있어, 개인의중복가입을방지할수있습니다. 신뢰할수있는마케팅정보를얻을수있습니다. 휴대폰인증후본인확인기관에서보내주는정보에인증자의이름 / 나이 / 성별 / 생년월일과같은마케팅에도움을줄수있는정보가포함되어있습니다. 법적제재에서벗어날수있습니다. 휴대폰인증서비스는개인정보를입력받는것이아니기때문에개인정보보호법을준수할수있도록도와줄뿐만아니라, 청소년보호법에의한 14 세미만 /19 세미만회원가입및구매제한법률로부터쇼핑몰을안전하게지켜줍니다. 3
1. 서비스소개및신청 3) 서비스신청하기 휴대폰인증서비스는유료부가서비스이므로, 별도신청및결제가완료되어야쇼핑몰에적용할수있습니다. 휴대폰인증은부가서비스메뉴에서신청할수있습니다. 위치 : 부가서비스 > 운영지원서비스 > 휴대폰인증서비스 > 서비스신청 4
1) 회원가입페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 휴대폰인증신청및심사승인이완료되어사용가능한상태가되면, 아래화면과같이 서비스신청상태가 가 ON 으로표시됩니다. 사용설정항목에서본인인증사용함선택및휴대폰인증에체크합니다. ( 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다.) 위치 : 상점관리 > 상점운영관련설정 > 본인인증서비스설정 5
2 html 디자인수정 > 회원가입페이지다음과같이회원가입페이지에관련소스를추가합니다. 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 > 회원정보 ( 사용 ) (u23) 추가 <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> <!-- 휴대폰인증 --> 6
회원가입페이지에휴대폰인증적용된화면 7
2) 아이디, 비밀번호찾기페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 본인인증서비스설정 > 회원가입 설정을본인인증사용함선택및휴대폰인증에체크합니다. 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다. (5P 참고 ) 2 html 디자인수정 > 아이디찾기 / 비밀번호찾기페이지다음과같이아이디찾기 / 비밀번호찾기페이지에휴대폰인증관련소스를추가합니다. 위치 : HTML 디자인설정 > 아이디찾기 > 아이디찾기 ( c_3 ) 위치 : HTML 디자인설정 > 비밀번호찾기 (1 단계 ) > 비밀번호찾기 (1 단계 ) (c_3) 추가 <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> 8
아이디찾기페이지에휴대폰인증적용된화면 비밀번호찾기페이지에휴대폰인증적용된화면 9
3) 14 세미만비회원구매제한팝업에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 14 세미만비회원구매차단설정 14 세미만비회원구매차단설정을합니다. 위치 : 상점관리 > 상점운영관련설정 > 상점운영방식설정 > 구매권한 2 html 디자인수정 > 14 세미만비회원구매제한팝업다음과같이소스를수정합니다. 빨간색으로표시된부분은삭제, 파란색으로표시된부분은추가되어야할소스입니다. 위치 : HTML 디자인설정 > 주문관련화면 > 14 세미만비회원체크 POPUP > 14 세미만비회원 (c_1) <!-- Mauth --> {{$MauthForm}} <form name='under14_purchase' action='/front/php/under14_purchase/under14_purchase.php' method='post'> <div style="width:100%;"> <!-- title --> <div class="pop_tle"> <img src="{{$img_array.c_1.1.url}}" alt="14 세미만구매제한확인절차 "><br> <!-- //title --> <!-- cont --> <div style="padding:18px 18px 30px 20px;"> <div class="txt_age"> 14 세미만사용자는구매가제한되어, 확인이필요합니다.<br> <div class="clear"> <div class="tab_cont"> - 다음페이지이어서 - 10
삭제 추가 위치 : HTML 디자인설정 > 주문관련화면 > 14 세미만비회원체크 POPUP > 14 세미만비회원 (c_1) ==== 생략 ==== <!-- 추가영역 --> <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 class="clear"> <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 class="clear"> <!-- 추가영역 --> <div class="tab_cont"> <!-- 추가된 div --> <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/> <!-- 아래의 agreement_msg 는개인정보보호정책상삭제되면안되는부분입니다. 개인을구별할수있는고유식별정보 ( 주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등 ) 를수집혹은이용할경우꼭필요한문구입니다. 삭제시법적제제를받을수있습니다.. --> <div style="width:370px;">{{$agreement_msg}} <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 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 세미만여부를확인합니다. 11
14 세미만비회원체크팝업에휴대폰인증적용된화면 12
4) 성인인증페이지에적용 다음순서에따라본인인증인트로설정및디자인수정을해야적용됩니다. 1 본인인증인트로사용설정메인, 게시판에각각설정을할수있습니다. 위치 : 디자인관리 > HTML 디자인설정 > 인트로화면디자인선택 13
2 html 디자인수정다음과같이소스를수정합니다. 빨간색으로표시된부분은삭제, 파란색으로표시된부분은추가되어야할소스입니다. 인트로화면 5 {common_5}, 인트로화면 6 {common_6}, 인트로화면 7{common_7} 페이지모두아래와같이수정하시면됩니다. 위치 : HTML 디자인설정 > 인트로화면 > 인트로화면 5 {common_5} / 인트로화면 6 {common_6} 삭제 추가 <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}}"/> <!-- i-pin --> {{$IpinForm}} <!-- Mauth --> {{$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 class="btm"> </form> <p class="txt_add"> 미성년자차단을위하여로그인또는본인인증절차를거치셔야합니다.</p> </center> 14
휴대폰인증적용된본인인증인트로화면 15