매뉴얼

일반 쇼핑몰 네이버 페이 (구: 네이버 체크 아웃) 설정 방법 (디자인팜 2.0)

※ 미니계산기 옵션을 사용할 경우 정상적으로 작동 되지 않을 수 있으므로 사용안함으로 하시기 바랍니다.

1. 네이버페이를 사용하기 위해선 네이버페이 가맹점으로 등록이 되어있어야 합니다

네이버페이 가맹점 홈 바로가기

2. 네이버페이 가입 신청을 할 경우 네이버측에서 검토 후 승인이 되며 승인시 결제 연동에 필요한 인증키와 버튼키를 발급받으실 수 있습니다.

3. 승인 후 인증키와 버튼키를 발급받으셨다면 관리자 모드 [쇼핑몰관리 - 프로모션 - 네이버페이 연동] 페이지에서

*해당 메뉴가 없을 경우 [프로그램샵 - 프로그램 추가설치 - 프로그램 견적문의]에서 관리프로그램 항목에서 네이버페이 연동 프로그램을 설치해주세요.

실행환경은 테스트를 선택

네이버페이 ID는 네이버 신청 ID 입력

가맹점 인증키는 결제시 승인시 발급받은 인증키를 입력

버튼 인증키는 결제시 승인시 발급받은 버튼키를 입력

 

4. 환경설정을 저장후 상품상세페이지와 장바구니에 구매버튼을 넣어야 하는데요,

네이버 페이는 실제 서비스가 적용되기전까지는 다이렉트 코드를 이용해서 검수를 받으셔야합니다.

 

1) 디자인관리 > 디자인팜 2.0 실행 > 메뉴관리에서 페이지 찾기에 아래 주소로 검색

   /shop_goods/goods_view.htm

 

 

소스 직접 수정으로 변경 후 아래 소스를 삽입 해주셔야하는데요,

   <!--@if($_GET[direct_code] == 'naver')-->
          {$naver_checkout_btn_sc}
          <!--@end-->

 

해당 페이지 소스를 보시면 다음과 같이 처리 되어 있으며,

표시된 </div> 사이에 소스를 삽입해주시면 됩니다.

 


<span id="appointment_1" style="position:relative;z-index:0;display:none;">
     <span class="glores-A-half">
      <a href="javascript:appointment_search()" class="glores-A-btn-type1 glores-A-big" data-lan="kr">예약확인</a>
      <a href="javascript:jjim()" class="glores-A-btn-type1 glores-A-big" data-lan="kr">관심상품</a>
     </span>
     <a href="javascript:appointment_ok()" class="glores-A-btn-type1 glores-A-big glores-A-highlight" data-lan="kr">예약하기</a>
    </span>

    <!-- <div class="glores-A-mgt10" style="position:relative; z-index:0;">
     <a href="javascript:jorgi_sell()" class="glores-A-btn-type1 glores-A-big">
      {@
       if($site_lan=='kr'){
        echo '조르기';
       } else {
        echo lan('kr', '부탁하기');
       }
      @}
     </a>
    </div> -->
   </div>
 <!--@if($_GET[direct_code] == 'naver')-->
           {$naver_checkout_btn_sc}
           <!--@end-->

 </div>
 </div>


  

2) 장바구니 페이지에도 동일하게 소스를 삽입합니다.

디자인팜 2.0 실행 > 메뉴관리 > /shop_goods/cart_list.htm 페이지 찾기

 

소스 직접 수정으로 변경 후 아래 소스를  노란색으로 표시된 주문하기와 </div>소스 사이에 삽입합니다.

  <!--@if($_GET[direct_code] == 'naver')-->
          {$naver_checkout_btn_sc}
          <!--@end-->


<div class="glores-A-btn-wrap">
  <span class="glores-A-half">
   <a href="{$cart_sel_del}" class="glores-A-btn-type1 glores-A-big" data-lan="kr">선택 삭제</a>
   <a href="javascript:shopping_ing()" class="glores-A-btn-type1 glores-A-big" data-lan="kr">계속 쇼핑하기</a>
  </span>
  <a href="javascript:jumun_ok()" class="glores-A-btn-type1 glores-A-big glores-A-highlight" data-lan="kr">주문하기</a>

  <!--@if($_GET[direct_code] == 'naver')-->
          {$naver_checkout_btn_sc}
          <!--@end-->

 </div>



 

 

 

5. 페이지 작업이 완료되었으면 네이버측에 검수 요청을 하시고

네이버측에 테스트할 상품 상세페이지와 장바구니페이지를 강제 접근코드(direct_code=)가 붙은 경로를 알려주시면 됩니다.

ex) pc버전

상품상세페이지 - 도메인/shop_goods/goods_view.htm?goods_idx=상품고유번호&direct_code=naver

장바구니페이지 - 도메인/shop_goods/cart_list.htm?direct_code=naver

모바일 페이지가 있을 경우

상품상세페이지 - m.도메인/shop_goods/goods_view.htm?goods_idx=상품고유번호&direct_code=naver

장바구니페이지 - m.도메인/shop_goods/cart_list.htm?direct_code=naver

* 상품정보 xml페이지 - 도메인/API/naver_checkout/naver_checkout_goods_xml.php

 

6. 검수 완료 후 네이버 공통 유입 스크립트는

[마케팅지원 > 사이트방문자 > 외부 솔루션 연동]에서 네이버 프리미엄 로그분석을 사용함으로 체크하고 가맹점 승인시 발급받은 스크립트 소스를 입력합니다.
 

 

<script type="text/javascript">

wcs_do();

</script>

위 소스는 디자인관리 > 고급 디자인 관리 > 전체 화면 구성 의 모든페이지 하단소스 관리에 삽입


$queryString .= '&SA_CLICK_ID='.$_COOKIE["NVADID"]; //CTS 코드는 네이버 쇼핑 광고 가맹점인 경우

네이버 페이 연동 설정에서 검색 광고 사용함으로 설정해주시면됩니다.

 

7. 최종 검수 완료 후 네이버 페이 사용이 가능해지면, 장바구니 및 상품 상세에 삽입하셨던 다이렉트 코드는 삭제 하시고 네이버 페이 버튼만 남겨주시구요~

    ※ {$naver_checkout_btn_sc} < 이 소스만 남기고 삭제 해주시면됩니다.

     

 

 

쇼핑몰관리 > 프로모션 > 네이버 페이 연동에서 실행 환경을 실제적용으로 변경 후 저장해주시기 바랍니다.

 

 

쇼핑몰 상세 및 장바구니에서 네이버 페이 버튼이 정상적으로 노출되는지 확인 후 사용해주시면됩니다.

 

 

 

 

 

 

 

 

  

 

 

 

 

게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top