웹사이트에 채널톡 (채팅창) 추가하는 방법

Updated: May 04, 2020

웹사이트에 채널톡 (채팅창) 추가하는 방법

채널톡 웹사이트 (https://channel.io/ko)를 방문하십시오.
웹사이트 가입
- 웹사이트 우측 상단의 ‘시작하기’ 버튼을 클릭하십시오.
- 업무용 이메일을 입력하고 14일 무료체험시작 버튼을 클릭하십시오.
관리자 계정 가입하기
- ‘이름’, ‘비밀번호’ and ‘휴대폰 번호’를 입력하십시오.
- ‘다음 단계로’ 버튼을 클릭하십시오.
새 채널 만들기.
- ‘서비스명’, ‘홈페이지 주소’와 ‘채팅 테마 색상’을 입력하십시오.
- ‘다음 단계로’ 버튼을 클릭하십시오.
회사 정보 입력.
- ‘직원수’, ‘업종 카테고리’, ‘채널 가입 경로’와 ‘채널로 하고 싶은 것 (중복가능)’을 선택하십시오.
- ‘채널톡 시작하기’ 버튼을 클릭하십시오.
채널 플러그인 스크립트 코드 생성
- ‘자체 제작 웹사이트’ 버튼을 클릭하십시오.
- 텍스트 입력칸의 코드를 ‘복사하기’ 버튼을 클릭하여 복사하십시오.

코드를 홈페이지 HTML의 <body> 태그에 붙여넣기 하십시오.

<!-- Channel Plugin Scripts -->
<script>
  (function() {
 var w = window;
 if (w.ChannelIO) {
   return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
 }
 var d = window.document;
 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);
 }
  })();
  ChannelIO('boot', {
 "pluginKey": "470a6072-0777-449e-92bb-2197de06728e"
  });
</script>
<!-- End Channel Plugin -->