DEV Community

loading...

Implementing Multichannel Customer Service Chat Widget

desertlion
・1 min read

Hi everyone, in this web series I'll guide you to easily implement a simple Multichannel Customer Service Chat widget powered by Qiscus and also modified it to suit our requirements.

In this first part, before I can show you how you can implement the widget, you need to follow these steps first.

  • Register for Multichannel Chat at Qiscus.
  • Sign in to your Multichannel dashboard then navigate to the Integration page.
  • Make sure the Qiscus Widget channel is toggled on
  • Open your web page's HTML that you want to have a chat widget installed on your favorite editor then copy and paste the code snippet on the page. It'll be something like this
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var s,t; s = document.createElement('script'); s.type = 'text/javascript';
        s.src = 'https://s3-ap-southeast-1.amazonaws.com/qiscus-sdk/public/qismo/qismo-v2.js'; s.async = true;
        s.onload = s.onreadystatechange = function() { new Qismo("your-own-app-id"); }
        t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
    });
</script>
  • That's it, now you a have a working multichannel cs chat widget.

For more detailed explanation you can check this documentation

Discussion (0)