Help Center

카페24 소식

전자보증서비스 모바일쇼핑몰 확대 적용!

2014-01-28


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

매매보호(구매안전) 서비스 중 하나인 ‘전자보증’ 서비스가 모바일 쇼핑몰까지 확대 적용되었습니다.


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



■ 적용일자 : 2014-01-28 (화)

■ 업데이트 내용


1. 전자보증서비스 모바일 쇼핑몰 적용

별도의 추가 설정 없이 기존의 전자보증 사용설정이 반영됩니다.

디자인모드가 HTM모드일 경우, 본문 아래의 디자인가이드를 참고하시어 디자인을 추가해주시면
모바일 쇼핑몰에 전자보증 서비스를 적용 할 수 있습니다.


- PG쇼핑몰 설정위치: 상점운영 > 상점운영관련설정 > 상점결제방식설정 - '매매보호 서비스 사용설정'




2. 모바일쇼핑몰 적용화면


1) 주문서페이지            
                                                 

   

2) 주문완료/ 주문상세페이지



 -발급된 전자보증보험 서비스정보를 확인할 수 있습니다.


3) 전자보증보험 체결계약서



- 발급된 증권번호를 클릭하면 전자보증업체에서 제공하는 보험계약 체결 내역서를 확인 할 수 있습니다.


3. HTML모드 디자인가이드


1) 주문관련화면 -  주문서작성


- 해당 위치에 파란색 소스를 삽입해주세요

## 상단생략 ##

<tr>
   <th><span>입금자명</span></th> <td>
                                    <input type="text" name="pname" class="fText" id="pname" maxlength="10" style="width:120px;" />
                                    <p>송금자명과 동일하게 입력</p>
                                </td></tr>
                        </tbody></table>
                </div>

<div class="mBoard rowType2" style="display:{{$warranty_display}}" id="warranty_area">
                    {{$warranty_hidden}}
<table>
<tr>
<td>
<span id="chk_warranty_span"><input id="chk_warranty" type="checkbox" name="is_eguarantee_check" {{$warranty_check}} value="T" onclick="Ord.warrantyCheck();"/></span>
                                <label for="chk_warranty">전자보증보험 발급</label>
                                <a href="/Mobilef/Ord/Guide.php?url=getWarrantyGuide" class="tButton type2" style="float:right;" target="_blank"><span>자세히보기</span></a>
</td></tr></table></div>
               
                <div class="mBoard rowType1" style="display:none" id="warranty_content">
                    <table border="1">
                        <colgroup>
                            <col style="width:90px" />
                            <col />
                        </colgroup>
                        <tbody>
                            <tr>
                                <th><span>생년월일</span></th><td>
<input type="text" name="eguarantee_ssn1" class="fText" maxlength="4" style="width:40px;" value="{{$aBirthDay.0}}" />년
<input type="text" name="eguarantee_ssn2" class="fText" maxlength="2" style="width:20px;" value="{{$aBirthDay.1}}" />월
<input type="text" name="eguarantee_ssn3" class="fText" maxlength="2" style="width:20px;" value="{{$aBirthDay.2}}" />일
</td></tr>
<tr>
<th><span>성별</span></th>
<td>
<input type="radio" id="rdo_sex1" name="eguarantee_user_gender" {{$aUserGender.1}} value="1"/><label for="rdo_sex1">남성</label>  
<input type="radio" id="rdo_sex2" name="eguarantee_user_gender" {{$aUserGender.2}} value="2"/><label for="rdo_sex2">여성</label>
</td></tr>
<tr id="eguarantee_agree_tr">
<th><span>개인정보<br /> 이용동의</span></th>
<td>
<input type="radio" id="rdo_policy1" name="eguarantee_pdu_agree" value="T" checked /><label for="rdo_policy1">동의함</label>  
<input type="radio" id="rdo_policy2" name="eguarantee_pdu_agree" value="F"/><label for="rdo_policy2">동의안함</label>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <strong>전자보증보험 안내 (100 매매보호 안전결제)</strong><br />
                                    물품대금결제시 구매자의 피해보호를 위해 '(주)서울보증보험'의 보증보험증권이 발급됩니다.<br />
                                    증권이 발급되는 것의 의미는, 물품대금 결제시에 소비자에게 서울보증보험의쇼핑몰보증보험 계약체결서를 인터넷상으로 자동 발급하여, 피해발생시 쇼핑몰보증보험으로써 완벽하게 보호받을 수 있습니다. 또한, 입력하신 개인정보는 증권발급을 위해 필요한 정보이며 다른 용도로 사용되지 않습니다. <br />
                                    전자보증보험 발생시 별도의 수수료가 부과되지 않습니다.
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

## 하단생략 ##



2) 주문관련화면 -  주문완료


- 해당 위치에 파란색 소스를 삽입해주세요

  ## 상단생략 ##

<tr style="display:{{$sBankDisplay}}">
                        <td style="vertical-align:top;background:#F5F5F6;border-right:1px dotted #9F9FA1;padding:11px 0 11px 8px;font-weight:bold;font-size:11px;text-align:center;font-family:굴림;line-height:1.2em;border-top:1px dotted #9F9FA1;text-align:left;">결제금액 및 내역</td>
                        <td style="padding:11px 0 11px 12px;font-size:11px;text-align:center;font-family:굴림;line-height:1.2em;border-top:1px dotted #9F9FA1;text-align:left;">{{$aOrders.payed_amount}}(미결제) 입금자 : {{$aOrders.p_name}},계좌번호 : {{$aBank.bank_name}} {{$aOrders.bank_acc_no}}</td>
                    </tr>
                   
                    <!-- 무통장입금외 결제정보 -->
                    {{$sPayInfo}}

<tr style="display:{{$eguarantee_display}};">
                        <td style="vertical-align:top;background:#F5F5F6;border-right:1px dotted #9F9FA1;padding:11px 0 11px 8px;font-weight:bold;font-size:11px;text-align:center;font-family:굴림;line-height:1.2em;border-top:1px dotted #9F9FA1;text-align:left;">
                            전자보증보험<br /> 서비스 정보
                        </td>
                        <td style="padding:11px 0 11px 12px;font-size:11px;text-align:center;font-family:굴림;line-height:1.2em;border-top:1px dotted #9F9FA1;text-align:left;">
                            <a href="javascript:Ord.usafe_print('{{$eguarantee_id}}', '{{$aOrders.order_id}}')">전자보증보험 증권번호: {{$eguarantee_key}}</a>
                        </td>
                    </tr>            
</table>
            </div>
            <div style="background:#FDEED2;margin:20px 0 0">
                <p style="padding:8px 8px 8px 16px;font-size:16px;overflow:hidden;border-bottom:1px solid white;font-family:굴림;">
                    <strong style="float:left;">총 주문합계 금액</strong>
                    <span style="float:right;font-weight:bold;color:#F60"> {{$aOrders.payed_amount}}</span>

## 하단생략 ##



3) 마이쇼핑관련화면 -  주문상세내역


- 해당 위치에 파란색 소스를 삽입해주세요

 ## 상단생략 ##

<div class="mBoard rowType1">
                    <table border="1" summary="">
                    <caption></caption>
                    <colgroup>
                        <col style="width:30%">
                        <col style="width:auto;">
                    </colgroup>
                    <tr class="first">
                        <th scope="row">결제방법</th>
                        <th scope="col">결제금액 및 내역</th>
                    </tr>
                    {{$sPayInfo}}

<tr style="display:{{$eguarantee_display}}">
                        <th scope="row">전자보증보험<br /> 서비스 정보</th>
                        <td><a href="javascript:Order.usafe_print('{{$eguarantee_id}}', '{{$aOrderInfo.o_ord_no}}')">전자보증보험 증권번호: {{$eguarantee_key}}</a></td>
                    </tr>

</table>
                </div>
                <div class="mTitle" style="display:{{$sRefundDisplay}}">
                    <h2>환불 정보</h2>
                </div>
                <div class="mBoard rowType1" style="display:{{$sRefundDisplay}}">
                    <table border="1" summary="">
                    <caption></caption>
                    <colgroup>
                        <col style="width:30%">
                        <col style="width:auto;">
                    </colgroup>
                    {{$sRefundInfo}}
                    </table>
                </div>

## 하단생략 ##

 




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

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