The Channel Developers

Welcome to the Channel Developers. You'll find comprehensive guides and documentation to help you start working with Channel-docs as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

메이크샵 (Makeshop)

🚧

가상 태그와 관련하여

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

메이크샵에서 회원 정보를 연동하는 스크립트입니다.
회원의 id, 이름, 핸드폰 번호 이외에 총 주문 금액, 적립금, 예치금, 포인트 정보가 연동된 템플릿입니다.

먼저 Plugin Key 확인을 위해 소유하신 채널에 - 설정 - 채팅 설치 및 설정 - 플러그인 설치에서 Plugin Key를 복사해둡니다.

아래 연동 코드를 넣으시면 설치됩니다.
반드시 코드 중에 👉YOUR_PLUGIN_KEY 이 부분에 고객님의 'Plugin Key'를 대치하여 입력해야 정상 작동합니다. (👉손가락 모양도 지워주세요)

<!-- 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. ‘디자인 편집하기’에 들어갑니다.
  1. 왼쪽 메뉴바에서 상단을 클릭.

</style>을 찾아 바로 밑에 채널 코드를 붙여넣습니다.

❗️

코드를 넣는 위치에 대해

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

  1. 저장 후 플러그인을 확인합니다.

Updated about a year ago

메이크샵 (Makeshop)


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.