매뉴얼

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

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

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

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

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

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

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

실행환경은 테스트를 선택

네이버페이 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