휴대폰인증서비스 사용자매뉴얼
목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2
1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써, 휴대폰을소유한개인은누구든지간편하게인증을진행할수있습니다. 2) 휴대폰인증서비스장점 인증진행이간편하고인증율이높습니다. 휴대폰인증은누구나소유하고있는휴대폰을이용한인증수단이기에인증자가부담없이인증을진행할수있다는것이가장큰장점입니다. 중복가입방지가가능합니다. 휴대폰인증시에본인확인기관에서보내주는정보에는중복확인을체크하는값이포함되어있어, 개인의중복가입을방지할수있습니다. 신뢰할수있는마케팅정보를얻을수있습니다. 휴대폰인증후본인확인기관에서보내주는정보에인증자의이름 / 나이 / 성별 / 생년월일과같은마케팅에도움을줄수있는정보가포함되어있습니다. 법적제재에서벗어날수있습니다. 휴대폰인증서비스는개인정보를입력받는것이아니기때문에개인정보보호법을준수할수있도록도와줄뿐만아니라, 청소년보호법에의한 14 세미만 /19 세미만회원가입및구매제한법률로부터쇼핑몰을안전하게지켜줍니다. 3
1. 서비스소개및신청 3) 서비스신청하기 휴대폰인증서비스는유료부가서비스이므로, 별도신청및결제가완료되어야쇼핑몰에적용할수있습니다. 휴대폰인증은부가서비스메뉴에서신청할수있습니다. 위치 : 부가서비스 > 운영지원서비스 > 휴대폰인증서비스 > 서비스신청 4
1) 회원가입페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 휴대폰인증신청및심사승인이완료되어사용가능한상태가되면, 아래화면과같이 서비스신청상태가 가 ON 으로표시됩니다. 사용설정항목에서본인인증사용함선택및휴대폰인증에체크합니다. ( 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다.) 위치 : 상점관리 > 상점운영관련설정 > 본인인증서비스설정 5
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> 아이핀이란, 회원님의개인정보보호를위해웹사이트에주민등록번호를제공하지않고본인임을확인하는인터넷상의개인식별번호서비스입니다. 아이핀을통한가입을원하시면아이핀인증버튼을눌러진행해주십시오. <!-- 휴대폰인증 --> <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> 본인명의의휴대폰으로본인인증을진행합니다. <!-- 법인사업자인증 --> <div id="businessauth"> <p> 법인명 <span>{$form.bname} <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> 회원가입페이지에휴대폰인증적용된화면 6
2) 아이디, 비밀번호찾기페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 본인인증서비스설정 > 회원가입 설정을본인인증사용함선택및휴대폰인증에체크합니다. 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다. (5P 참고 ) 2 스마트디자인편집 > 아이디찾기 / 비밀번호찾기페이지다음과같이아이디찾기와비밀번호찾기페이지에각각휴대폰인증관련소스를추가합니다. 아이디찾기파일에아래와같이파란색소스를추가합니다 - 위치 : 회원 (member) > 아이디찾기 (id) > 아이디찾기 (find_id.html) <span class="email" style="display:none;" id='email_view'> 이메일로찾기 <span>{$form.email} <span class="mobile" style="display:none;" id='mobile_view'> 휴대폰번호로찾기 <span>{$form.mobile1} - {$form.mobile2} - {$form.mobile3} <span class="ipin" style="display:none;" id='ipin_view'> 아이핀인증으로찾기 <span class="text"> 회원가입을아이핀으로가입하신회원님께서는 <br /> 아이핀으로인증하세요. <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 class="mobileauth" style="display:none;" id='mobile_auth_view'> 휴대폰인증으로찾기 <span class="text"> 본인명의의휴대폰으로아이디찾기를진행할수있습니다.<br> 휴대폰명의자의정보로가입한아이디찾기가가능합니다. <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> 7
2) 아이디, 비밀번호찾기페이지에적용 비밀번호찾기파일에아래와같이파란색소스를추가합니다. - 위치 : 회원 (member) > 비밀번호찾기 (passwd) > 비밀번호찾기개인정보 (find_passwd_info.html) <span class="mobile" style="display:none;" id='mobile_view'> 휴대폰번호로찾기 <span>{$form.mobile1} - {$form.mobile2} - {$form.mobile3} <span class="mobileauth" style="display:none;" id='mobile_auth_view'> 휴대폰인증으로찾기 <span class="text"> 본인명의의휴대폰으로비밀번호찾기를진행할수있습니다.<br> 휴대폰명의자의정보로가입한비밀번호찾기가가능합니다. <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> 아이디 / 비밀번호찾기페이지에휴대폰인증적용된화면 8
3) 14 세미만비회원구매제한팝업에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 14 세미만비회원구매차단설정 14 세미만비회원구매차단설정을합니다. 위치 : 상점관리 > 상점운영관련설정 > 상점운영방식설정 > 구매권한 2 스마트디자인편집 > 14 세미만비회원구매제한팝업다음과같이소스를수정합니다. 위치 : 회원 (member) > 14 세미만구매제한확인절차 (check_under_fourteen.html) <div class="layinner"> <p class="info"> 14 세미만사용자는 <span> 구매가제한되어, 확인이필요 합니다. <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> <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 /> 아이핀을통한가입을원하시면아이핀인증버튼을눌러진행해주십시오. <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 세미만여부를확인합니다. <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> 9
14 세미만비회원체크팝업에휴대폰인증적용된화면 10
4) 성인인증페이지에적용 다음순서에따라본인인증인트로설정및디자인수정을해야적용됩니다. 1 본인인증인트로사용설정다음과같이설정할수있습니다. 위치 : 디자인관리 > 스마트디자인 > 디자인기능설정 > 인트로화면 11
2 스마트디자인편집다음과같이소스를수정합니다. 본인인증 (adult_i.html), 본인인증 + 회원 (adult_im.html), 인트로게시판 (board.html) 페이지모두아래와같이수정하시면됩니다. 위치 : 인트로 (intro)> 인트로화면본인인증 (adult_i.html) <div class="under19"> <div class="msg"> <h2>19 세미만의미성년자는 <br /> 출입을금합니다.</h2> <p class="info"> 이정보내용은청소년유해매체물로서 <br /> 정보통신망이용촉진법및정보보호등에관한법률및청소년보호법의 <br /> 규정에의하여 19 세미만의청소년은사용할수없습니다. <br /> <span> 미성년자차단을위하여 <em> 로그인또는본인인증절차 </em> 를거치셔야합니다. <a href="{$outlink}"><img src="http://img.echosting.cafe24.com/design/skin/mono/intro/btn_under19ipin.gif" alt="19 세미만나가기 " /></a> <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> 아이핀이란, 회원님의개인정보보호를위해 <br /> 웹사이트에주민등록번호를제공하지않고,<br /> 본인임을확인하는인터넷상의개인식별번호서비스입니다.<br /> 아이핀을통한가입을원하시면아이핀인증버튼을눌러진행해주십시오. <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> 본인명의의휴대폰으로본인인증을진행합니다.<br> 휴대폰명의자의나이정보로 14 세미만여부를확인합니다. 12
휴대폰인증적용된본인인증인트로화면 13