메이크샵 (MakeShop)

🚧

가상 태그와 관련하여

메이크샵의 가상 태그를 올바르게 사용하기 위해서는 메이크샵 디자인 시즌 4 이상 사용을 권장드립니다.
시즌 2 등의 구 버전에서는 해당 페이지의 내용이 아닌 기본 스크립트로 설치해주세요.

채널톡 설치하기

PC웹에 설치하기

  1. 메이크샵 관리자 페이지 [개별디자인] > [디자인 스킨관리] > [디자인 편집하기]를 클릭해주세요.
27762776
  1. [상단] > [기본 상단] 편집 화면에서 <상단 시작> 주석 위에 채널톡 스크립트를 복사해 추가해주세요.
25192519
<!-- Channel Plugin Scripts -->
<script>
  function parsePureNumber(number) {
    return parseFloat(number.replace(/[^0-9\.]+/g, '')) || 0
  }
  var settings = {
    "pluginKey": "👉YOUR_PLUGIN_KEY",   
  };
  <!--/if_login/-->
  settings.memberId = "<!--/user_id/-->";
  settings.profile = {
    "name": "<!--/user_name/-->",
    "totalPurchaseAmount": parsePureNumber("<!--/number/order_total_price/-->"),
    "availableMileage": parsePureNumber("<!--/number/user_reserve/-->"),
    "totalDeposit": parsePureNumber("<!--/number/user_deposit/-->"),
    "couponCount": parsePureNumber("<!--/number/remain_coupon_count/-->"),
    "groupName": "<!--/group_name/-->"
  };
  <!--/else/-->
  <!--/end_if/-->
  (function() {
    var w = window;
    if (w.ChannelIO) {
      return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
    }
    var ch = function() {
      ch.c(arguments);
    };
    ch.q = [];
    ch.c = function(args) {
      ch.q.push(args);
    };
    w.ChannelIO = ch;
    function l() {
      if (w.ChannelIOInitialized) {
        return;
      }
      w.ChannelIOInitialized = true;
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
      s.charset = 'UTF-8';
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
    if (document.readyState === 'complete') {
      l();
    } else if (window.attachEvent) {
      window.attachEvent('onload', l);
    } else {
      window.addEventListener('DOMContentLoaded', l, false);
      window.addEventListener('load', l, false);
    }
  })();
  if (settings && settings.memberId && settings.memberId.indexOf('!--/user_id/--') >= 0) {
    console.error('You do not using makeshop. please visit https://developers.channel.io/docs/guide-for-famous-builders and find correct one');
  } else {
    ChannelIO('boot', settings);
  }
</script>
<!-- End Channel Plugin -->

❗️

코드를 넣는 위치에 대해

메이크샵의 경우 페이지, 섹션마다 사용할 수 있는 가상 태그가 달라, 상단 이외의 페이지에 스크립트를 삽입할 경우 예기치 않은 문제가 발생할 수 있습니다.

  1. “👉YOUR_PLUGIN_KEY” 부분에 내 채널의 Plugin Key를 입력하고 저장해주세요. (👉손가락 모양도 지워주세요.)
  • Plugin Key는 채널톡 관리자 [채널 설정] > [일반 설정] > [버튼 설치 및 설정] > [채널톡 버튼 설치] 에서 확인할 수 있습니다.
25262526

모바일 웹에 설치하기

  1. 메이크샵 관리자 페이지 [모바일샵] > [모바일D4(개별디자인)] > [디자인 편집하기]를 클릭해주세요.
27762776
  1. [상단] > [기본 상단] 편집 화면에서 <상단> 주석 위에 채널톡 스크립트를 복사해 추가하고, PC웹과 같이 Plugin Key를 입력해주세요.
25222522

채널톡 설치가 완료되었습니다! 웹사이트 우측 하단에 채널톡 버튼이 생성된 것을 확인해주세요. 이제 채널톡 관리자로 이동하여 채널 설정을 완료하고 고객과 상담을 시작할 수 있습니다.


메이크샵에서 제공하는 고객 정보

채널톡을 설치한 후 기존 회원이 웹사이트에 방문하여 로그인 하거나 신규 회원이 회원가입할 때 해당 고객 정보가 채널톡으로 자동으로 연동됩니다.

1) 고객 프로필 정보

고객과 상담을 진행할 때 오른쪽 사이드뷰 에서 고객 정보를 확인하고 밀착형 응대를 진행해보세요. 아래 데이터 값을 기준으로 필터를 적용하여 CRM 마케팅에 활용할 수 있어요.

데이터 값

설명

memberId

각 회원을 구분하는 고유값 (고객 아이디 등)

name

회원 이름

groupName

회원이 속한 그룹명

availableMileage

회원의 잔여 마일리지

totalDeposit

회원의 총 예치금

totalPurchaseAmount

회원이 구매한 상품의 총 금액

point

회원이 보유한 포인트

❗️

메이크샵의 회원 정보는 채널톡 고객DB에서 확인이 어렵습니다.

전화번호 혹은 이메일 값이 있거나 상담 이력이 있는 고객은 채널톡 고객DB에 저장됩니다. 메이크샵에서 전화번호, 이메일 정보를 채널톡으로 연동 제공하지 않기 때문에 고객DB에서 확인이 어려울 수 있습니다.


2) 이벤트(event) 정보

고객이 특정 행동을 하는 타이밍에 맞춰 메시지를 보내는 마케팅 캠페인 설정시 유용하게 사용할 수 있어요. 기본적으로 Pageview 이벤트가 제공됩니다.