웹과 앱에서 사용할 수 있는 챗봇중에 해피톡에 대해서 소개 및 사용법을 설명드릴려고 합니다.

해피톡은 유료결제를 진행하셔야만 사용할 수 있습니다.

총 4개의 가격플랜을 가지고 있으며 최초 가입시 엔터프라이즈(100,000원/월)기능을 14일동안 무료로 제공됩니다.

자세한 가격과 기능부분은 다음 링크에서 확인하시면 됩니다.

https://happytalk.io/price 

가입완료 후 로그인을 하시게 되면 해피톡 대시보드 페이지로 이동하게 됩니다.

대시보드페이지에서는 해당 챗봇을 사용하기전에 설정을 하는 페이지라고 생각하시면 됩니다.

상담원의 근무시간관리, 자동완성메시지, 금지어관리 등의 설정이 가능합니다.

웹과 앱에 해피톡을 설치하는 방법은 대시보드 메뉴 중에 채팅버튼설정 > 채팅버튼 설정 v2에 들어가시면 됩니다.

https://design.happytalkio.com/button-designer/editor​

해당 페이지로 이동이 되며 채팅버튼위치,모양, 채팅폼의 크기등을 설정할 수 있습니다.

모든 설정을 완료후 적용하기를 눌러주시면 선택한 모양대로 폼을 만들 수 있습니다.

​

그 이후 소스보기를 통해 나오는 소스를 프로젝트내에 붙여넣으시면 됩니다.

Javascript형식으로 소스를 제공합니다.

------------------------------------------------------------------------------------해피톡 연결 소스------------------------------------------------------------------------------

<script>

    window.__ht_wc = window.__ht_wc || {};

    window.__ht_wc.host = 'design.happytalkio.com';

    window.__ht_wc.site_id = 'xxxxxxxxxxxx'; // site_id

    window.__ht_wc.site_name = 'xxxxxxx'; // 회사 이름

    window.__ht_wc.category_id = '122962'; // 대분류 id

    window.__ht_wc.division_id = '122963'; // 중분류 id

    // 고정 및 Custom 파라미터 추가 영역, 파라미터가 여러개인 경우 ,(콤마)로 구분

    // window.__ht_wc.params = 'site_uid=abcd1234,parameter1=param1';

    // 앱 개발시, 웹뷰 Local Storage 사용가능하도록 처리

    (function() {

        var ht = document.createElement('script');

        ht.type = 'text/javascript';

        ht.async = true;

        ht.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + window.__ht_wc.host + '/web_chatting/tracking.js';

        var s = document.getElementsByTagName('script')[0];

        s.parentNode.insertBefore(ht, s);

    })();

</script>​ 

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------