Cafe24 앱스토어 (권장)

📘

앱스토어를 통한 설치만 고객 정보 및 주문 연동이 지원 됩니다

만약 Cafe24 수동설치 방식으로 설치 되어 있다면 주문 연동이 지원되지 않습니다.

카페24에서 운영하는 앱스토어 를 이용해 채널톡을 손쉽게 설치하는 방법입니다.

앱스토어에서 채널톡을 검색하거나 이 링크로 들어가 설치하기를 클릭합니다.

설치하기를 누르면 앱스토어 - 마이앱에서 채널톡을 확인할 수 있습니다.
우측에 있는 관리하기 버튼을 클릭합니다.

권한동의창에서 동의합니다를 클릭하면 아래 이미지와 같은 화면으로 이동합니다.
시작하기 버튼을 눌러주세요.

채널톡을 이용하시려면 채널톡 계정과 채널을 생성해야 합니다. (카페24 어드민 계정과는 별개)
이미 채널톡 계정이 있으시다면, 가입하기가 아닌 로그인을 진행해주세요.

가입 및 채널생성을 끝내셨다면 바로 버튼 클릭 한 번으로 설치가 완료됩니다.
채널톡 바로 설치하기 버튼을 클릭해주세요.

이제 설치가 완전히 끝났습니다. 아래와 같은 화면이 드면 설치가 성공적으로 완료된 것 입니다.

사이트에 채팅 버튼이 성공적으로 잘 설치되었는지 확인해보시고, 채널톡 관리자 화면으로 가서 채팅 운영 등을 설정해보세요.

모든 채팅은 채널 데스크에서 관리하실 수 있으며 모바일 앱으로도 응대가 가능합니다.

GTM 사용하기

본 가이드에 따라 앱스토어를 이용해 채널톡을 사용하시는 경우 GTM에서 ChannelIO 모듈을 사용하시려면 아래 코드 안에서 사용하시면 됩니다.

<script>
  // This function content is as same as ChannelIO('onBoot', function(){ });
  function onChannelBoot() {
    console.log('ChannelIO booted');
    // ChannelIO('onCreateChat', function() { console.log('Chat created'); });
  }
  if (window.ChannelIOBooted) {
    onChannelBoot();
  }
</script>

커스터마이징

Cafe24 App는 만약 HTML 코드에 window.channelPluginSettings 데이터가 있을 경우에 우선적으로 해당 설정을 적용하도록 되어있습니다.
자세한 부분은 ChannelPluginSettings 을 참조 부탁드립니다.

<div id="custom_button"><img src="https://" /></div>
<script>
  window.channelPluginSettings = {
    "customLauncherSelector": "#custom_button",
    "hideDefaultLauncher": true
  }
</script>