고객센터

총 6건, 1/1 페이지

네이버 페이 설정 방법

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

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} < 이 소스만 남기고 삭제 해주시면됩니다.

     

 

 

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

 

 

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

 

상품 상세 및 결제 페이지의 배송료 문구 수정하기

쇼핑몰 이용하고 있는 고객의 경우 금액별 배송정책을 많이 활용하시는데요,

5만원 이상 무료 배송의 경우 아래처럼 설정을 하게됩니다.

 

 

프로그램 기능상 문제가 없지만,상품 상세 및 결제 페이지에서 문구 수정 요청을 하는 경우가 많은데요

 

1) 상품 상세

 

2) 2단계 결제 페이지

 

상품 상세 및 결제 페이지에서 위와 같이 표기되는 배송료 문구를 str_replace 함수(문자열에서 특정 단어를 다른 단어로 변경)를 

이용하여 수정하는 방법을 안내 드리겠습니다.

※ 관련 메뉴얼 - http://manual.euhomepage.co.kr/page/p_str_repl

 

1. 익스플로어에서 상품 상세 페이지접속 > 마우스 우클릭 > 소스 보기 클릭 > 배송료 문구를 확인합니다.

 

 

49,999 이하 2,500,이상 0 문구를 5만원 이상 무료로 변경해봅시다.

디자인 관리 > 고급 디자인 관리 > 세부화면 디자인 > [쇼핑몰]상품 관련 > 상품상세보기에 다음과 같은 소스를 삽입합니다.

디자인팜 2.0 의 경우 디자인팜 2.0 실행 > 메뉴관리의 페이지 찾기에서 아래 주소로 찾기 하신 후 소스 수정 모드에서 작업을 해주셔야합니다

상품 상세 페이지 주소 - /shop_goods/goods_view.htm?category=

 

$column_value = str_replace("49,999 이하 2,500,이상 0", "5만원이상 무료", $column_value);

※ 굵은 글씨를 원하시는 문구로 변경해주시면됩니다.

 

 

 

 

소스 수정 후 아래와 같이 문구가 변경된 것을 확인 할 수 있습니다.

 

 

 

2) 2단계 결제 페이지에서도 배송비 문구가 표기되기때문에 변경을 해주셔야하는데요. 2단계 결제 페이지의 경우

5만원이상 구매시 와 미만 구매시의 문구가 각각 다르게 출력이 되기때문에 두가지 문구를 확인해서 수정을 해주셔야합니다.

마찬가지로 해당 페이지에서 마우스 우클릭 > 소스보기 클릭해서 각각 배송료 문구를 확인합니다.

 

5만원 미만시 - 상품금액 49,999 이하 2,500

5만원 이상 구매시  -상품금액 49,999 이상 0

 

위와 같이 배송료 문구가 확인이 되며,

디자인관리 > 고급 디자인 관리 > 세부 화면 디자인 > [쇼핑몰]주문관련 >2단계 결제하기 페이지에 아래와 같은 소스를 삽입합니다.

 

디자인팜 2.0은 마찬가지로 아래 주소로 찾기 후 소스 수정합니다.

2단계 결제 페이지 주소 - /shop_goods/jumun_app_form.htm

 

       {@
       $v2[subject] = str_replace("상품금액 49,999 이하 2,500", "5만원 미만 2,500", $v2[subject]);
       $v2[subject] = str_replace("상품금액 49,999 이상 0", "5만원이상 무료", $v2[subject]);
       @}

 


 

소스 수정 후 2단계 결제 페이지 접속 시 다음과  같이 문구가 수정된것을 확인 할 수 있습니다.

 

5만원 미만 구매시

 

 5만원 이상 구매시

 

네이버 로그분석 스크립트 등록 방법을 알려주세요

타사의 경우는 로그분석 스크립트를 FTP를 접속을 해서 직접 파일에서 등록을 합니다.

당사 솔루션은 FTP에서 등록되는게 아니라 관리자 페이지에서 간단하게 삽입이 가능합니다.

이번에는 네이버 프리미엄 로그분석 삽입에 대해서 설명을 드리도록 하겠습니다.

 

 

네이버쪽에서 자가설치 안내 메뉴얼을 보내줄건데요

당사는 여기서 B.일반사이트 설치를 참고하시면 됩니다.

여기에 보면 전환분석 스크립트랑 공통 스크립트가 있는데요

이 두개의 스크립트를 관리자 페이지에 삽입을 하면 됩니다. 

스크립트의 경우 신청 업체마다 다른값이 들어가는 경우가 있으므로, 본 메뉴얼의 스크립트를 그대로 사용하지 마시고,

네이버 측에서 받은 스크립트를 확인하여, 메뉴얼대로 변경하여 적용을 해주시기 바랍니다.

 

먼저 가장 간단한 공통 스크립트 설치건 부터 말씀드리겠습니다.

 

<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> 
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> 
<script type="text/javascript"> 
if(!wcs_add) var wcs_add={};
wcs_add["wa"]="xxxxxx";
if(!_nasa)var_nasa={};
wcs.inflow();
wcs_do(_nasa);
</script>

위의 스크립트가 공통스크립트 입니다. 

이 공통스크립트를 관리자 페이지 전체화면구성이라는 곳에서 삽입을 하시면 됩니다. 

 

 

 

[디자인관리] > [고급 디자인 관리] > [전체 화면 구성]

 

위의 페이지에 가셔서 모든페이지 하단 소스 관리 페이지에 삽입을 하시면 됩니다. 

그런 뒤 모두 저장을 하시면 공통스크립트는 삽입이 완료가 된 것입니다.

 

 

 

이제는 전환분석스크립트를 삽입을 할 차례인데요 

일단 전환분석 스크립트 형태는 아래와 같습니다.

<!-- 전환페이지 설정 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 
<script type="text/javascript"> 
var _nasa={};
_nasa["cnv"]=wcs.cnv("1","10"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고
</script> 

 

여기서 중요한건 전환유형이라는건데요 이 전환유형을 확안하기 위해서는 설치매뉴얼을 다운로드해서 확인을 해야됩니다.

 

 

처음 받으셨던 자가설치 안내 페이지에서 설치메뉴얼을 다운로드 받습니다.

그리고 실행을 합니다.

 

 

설치메뉴얼 3페이지에 보시면 전환유형에 대해서 나온나오는게 보입니다. 

구매완료는 1, 회원가입은 2, 장바구니 담기는 3, 신청/예약은 4, 기타는 5로 되어있는데요 이제는 각각의 페이지에 전환 스크립트를 삽입을 하시면 됩니다 

 

먼저 회원가입부분은 회원가입 완료 페이지에 삽입을 하시면 됩니다. 

회원가입의 전환스크립트는 2가 되니까 

<!-- 전환페이지 설정 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 
<script type="text/javascript"> 
var _nasa={};
_nasa["cnv"] = wcs.cnv("2","10"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고
</script> 

 

전환스크립트는 이렇게 됩니다. 이 스크립트를 회원가입 완료 페이지에다가 삽입을 해주시면 됩니다.

디자인팜 2.0 실행 > 메뉴관리 클릭 > 페이지 찾기에 아래  회원가입 완료 주소로 검색합니다.

회원가입 완료 주소 - /shop_login/mem_reg_ok.htm 

 

 

그런 뒤 하단의 소스수정버튼을 클릭 > 소스를 직접 수정합니다 로 변경 후 설정 저장 클릭

 

소스의 가장 마지막줄에 전환 스크립트를 삽입합니다.

 

 

이렇게 하면 회원가입 전환분석 스크립트 설치는 완료가 된 것입니다.

 

구매완료 부분과 장바구니 부분도 모두 검색하여 삽입을 해주셔야합니다.

마찬가지로 메뉴관리 > 페이지 찾기에서 주소 검색 후 각각 삽입을 해보도록 하겠습니다.

구매완료 주소 - /shop_goods/jumun_result.htm

소스 수정 > 직접 수정으로 변경 후 전환 유형을 1로 변경한 스크립트를 소스 가장 마지막 줄에 삽입합니다.

<!-- 전환페이지 설정 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 
<script type="text/javascript"> 
var _nasa={};
_nasa["cnv"] = wcs.cnv("1","{$app_price}"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고
</script> 

 

메뉴얼을 보면 구매완료페이지에는 전환가치를 구매금액으로 기재를 하라고 명시가 되어있기 때문에 기존에 전환가치가 10으로 되어있던 부분을 

{$app_price} 라고 기재를 해주시면 됩니다. $app_price는 내부적으로 사용하는 변수로써 주문금액이 들어가있습니다.

 

  

 

이렇게 입력을 하고 저장을 합니다.

 

이제 장바구니 차례입니다.

장바구니 주소 - /shop_goods/cart_list.htm

 

<!-- 전환페이지 설정 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 
<script type="text/javascript"> 
var _nasa={};
_nasa["cnv"] = wcs.cnv("3","10"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고
</script> 

 

장바구니 전환유형은 3이니 수정을 한 후 소스 가장 마지막 페이지에 삽입합니다.

 

 

 

위의까지 하면 구매완료, 장바구니, 회원가입까지는 전환스크립트 삽입이 완료 되었습니다

남은 부분은 신청/예약 전환스크립트인데요

신청/예약의 경우는 맞춤전송폼을 활용한 접수받는 내용에서 사용을 하는것입니다.

맞춤전송폼을 통한 접수를 받고 있으면 신청/예약부분도 같이 처리를 해주시면 됩니다

 

디자인팜 2.0 실행 > 메뉴관리에서 스크립트를 삽입할 전송폼 선택

 

 

환경 설정을 클릭 합니다.

그런 뒤 하단에 고급 설정을 클릭합니다.

 

고급설정 마지막에 보시면 이용 통계 스크립트 삽입이라는 부분이 있습니다. 

여기에다가 전환유형을 기재한 전환스크립트를 삽입을 하시면 됩니다. 

단, 전송폼에 삽입을 할때는 전환스크립트뿐 아니라 공통스크립트까지 같이 입력을 해주셔야 됩니다. 

그렇지 않으면 제대로된 집계가 되지 않습니다.

 

따라서

<!-- 전환페이지 설정 -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 
<script type="text/javascript"> 
var _nasa={};
_nasa["cnv"] = wcs.cnv("4","10"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고
</script> 

<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> 
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> 
<script type="text/javascript"> 
if (!wcs_add) var wcs_add={};
wcs_add["wa"] = "s_29f959fdbcc3";
if (!_nasa) var _nasa={};
wcs.inflow();
wcs_do(_nasa);
</script>
 

이와 같이 입력을 하셔야지만 정상적으로 처리가 됩니다. 

 

 

이상 네이버 프리미엄 로그 분석 스크립트 삽입에 대해서 설명을 드렸습니다.

그리 어렵지 않으니 위의 설명만 찬찬히 따라해보시면 금방 적용을 하실겁니다

감사합니다.

스킨의 가로크기를 변경하고 싶어요.

디자인팜 2.0에서 제공하는 대부분의 스킨들은 가로 크기가 1000px 을 기준으로 작업되어 있습니다.

 

일반 모니터에서는 1000px 의 크기로도 이쁘게 출력이 되지만,

최근에 많이 보급된 와이드 모니터로 사이트를 확인할 경우 가로 크기가 조금 작다고 느낄 수 있습니다.

 

그렇다면, 와이드 모니터에 맞게 스킨의 가로크기를 1200px 로 변경하려면 어떻게 해야 할까요?

 

스킨 관리에서 소스 수정 모드로 전환해서 작업할 수도 있지만,

새로 추가된 PC 스킨 가로 크기 변수를 사용하면 쉽게 변경이 가능합니다.

 

 

[PC 스킨 가로 크기 변경]

 

1) 디자인팜 2.0을 실행을 한뒤 상단에 보면 스킨관리라는 버튼이 있습니다.

   이 버튼을 클릭을 해서 스킨을 변경할 수 있습니다.

 

 

2) 현재 적용된 스킨의 하단에 스킨옵션설정을 클릭을 해서 스킨의 옵션을 변경할 수 있습니다.

 

 

3) 스킨 옵션 설정 창에서 0-PC 스킨 가로 크기의 내용에 1200 을 입력합니다.

 

 

4) 하단의 적용 버튼을 누른 후 사이트를 확인합니다.

 

# 스킨 가로 크기 - 1000

 

# 스킨 가로 크기 - 1200

 

 

5) 위와 같이 상단의 스킨 영역의 가로 크기가 늘어난 것을 확인할 수 있습니다.

 

 

스킨의 가로 크기를 변경했다면, 블록도 스킨처럼 크기를 변경하시는게 보기에 좋겠죠?

 

 

[PC 블록 가로 크기 변경]

 

1,2) 스킨의 가로 크기를 변경했을 때와 동일하게 스킨 옵션 설정 창으로 들어갑니다.

 

 

3) 스킨 옵션 설정 창에서 0-PC 블록 가로 크기의 내용에 1200 을 입력합니다.

 

 

4) 하단의 적용 버튼을 누른 후 사이트를 확인합니다.

 

# 블록 가로 크기 - 1200

 

5) 위와 같이 블록의 크기가 늘어난 것을 확인할 수 있습니다.

 

 

※ 블록의 크기는 사이트의 모든 블록에 적용됩니다.

※ 일부 콘텐츠의 경우 1000px 에 맞추어서 디자인 되어 있어서 소스 수정이 필요할 수 있습니다.

 

카카오 페이 설정은 어떡해 하나요?

카카오페이의 경우 제휴 신청이 필요하며 승인 후 CID가 발급됩니다.
카카오페이 가맹점 제휴 페이지 : https://pg.kakao.com/
제휴 페이지에 표시되는 메일 주소 kakaopay_partner@kakaocorp.com 로 카카오페이 결제 연동 및 제휴 안내 문의 메일을 보내면
제휴 절차 및 관련 서류에 대한 안내 메일을 받으실 수 있으며 절차에 따라 진행 하시면 됩니다.

 

아래 메뉴얼은 카카오 API키값 발급 및 설정과 관련된 내용입니다.

* 카카오API 설정이 되어 있을 경우 별도로 앱생성을 하지 않고 사용중인 앱키를 그대로 사용 하시면 됩니다.

 

1. 카카오 개발자 페이지에 로그인 합니다.  카카오 개발자 페이지 : https://developers.kakao.com/

 

 

2. 앱 만들기를 통해 결제 연동할 앱을 생성합니다.

 

 

 

 

3. 앱 생성 후 표시되는 각종 키값을 관리자모드 [프로그램샵 - 프로그램 환경설정 - 외부 API 연동] 페이지에서

카카오 API 연동 설정에 입력합니다.

* 해당 메뉴가 없을 경우 [프로그램샵 > 프로그램 SHOP > 프로그램 추가 설치] 페이지의 관리프로그램에서 외부 API 연동을 설치해 주시기 바랍니다.

 

 

4. [프로그램샵 > 프로그램 SHOP > 프로그램 추가 설치] 페이지 관리프로그램에서 카카오페이를 설치합니다.

 

 

5.[기본정보관리 > 운영정보설정 > 결제관련 설정] 에서 카카오페이 설정을 사용함으로 하고

가맹점ID 항목에는 제휴 후 발급받은 CID를 입력합니다.

SSL 가입을 해야하나요?

이유솔루션은 SSL 보안기능이 필수 적용되도록 처리 하였습니다.

SSL이 기본적으로 적용되므로 별도로 보안서버 구축을 하지 않으셔도 됩니다.

또한 홈페이지 전체를 추가적으로 보안서버 또한 적용할수 있습니다.

전체 추가적용은 별도 비용이 발생하는 부분이므로 유지보수란에 글을 남겨주시기 바랍니다 SSL이 적용되는 페이지는 아래와 같습니다.

- 로그인 페이지

- 쇼핑몰 주문조회 페이지

- 쇼핑몰 주문정보 입력 페이지

- 아이디/패스워드 찾기 페이지

- 패스워드 변경 페이지

- 회원가입 페이지

- 회원정보 수정 페이지

- 맞춤 전송폼 작성 페이지

- 맞춤 게시판 작성 페이지

- 일반 게시판 글작성/수정/답변글 작성 페이지

1