휴대폰 인증 서비스

사용자 매뉴얼

목차

2

1. 서비스 소개 및 신청

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

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

3) 서비스 신청하기

2. 디자인 설정 – 스마트디자인

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

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

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

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

1. 서비스 소개 및 신청

3

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

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

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

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

1. 서비스 소개 및 신청

4

3) 서비스 신청하기

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

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

2. 디자인 설정 – 스마트디자인

5

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

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

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

2. 디자인 설정 – 스마트디자인

6

② 스마트디자인 편집 > 회원가입 페이지 다음과 같이 회원가입 페이지에 관련 소스를 추가합니다.

<!-- 아이핀 --> <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>

▼ 위치: 회원(member) > 회원가입(join.html)

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

2. 디자인 설정 – 스마트디자인

7

② 스마트디자인 편집 > 아이디 찾기 / 비밀번호 찾기 페이지 다음과 같이 아이디 찾기와 비밀번호 찾기 페이지에 각각 휴대폰 인증 관련 소스를 추가합니다.

<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>

▼ 아이디 찾기 파일에 아래와 같이 파란색 소스를 추가합니다 - 위치: 회원(member) > 아이디 찾기(id) > 아이디찾기(find_id.html)

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

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

2. 디자인 설정 – 스마트디자인

8

</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>

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

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

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

2. 디자인 설정 – 스마트디자인

9

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

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

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

② 스마트디자인 편집> 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>

2. 디자인 설정 – 스마트디자인

10

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

2. 디자인 설정 – 스마트디자인

11

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

▼ 위치: 디자인관리 > 스마트디자인 > 디자인기능설정 > 인트로화면

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

① 본인인증 인트로 사용 설정 다음과 같이 설정할 수 있습니다.

2. 디자인 설정 – 스마트디자인

12

② 스마트디자인 편집 다음과 같이 소스를 수정합니다. 본인인증(adult_i.html), 본인인증+회원(adult_im.html), 인트로게시판(board.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>&nbsp; <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>

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

2. 디자인 설정 – 스마트디자인

13

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