The Omnichannel Widget enables you to communicate with your teams on your homepage, in your app, on live chat or any messaging service — WhatsApp, Messenger, WeChat, SMS, and more.
In this guide, you'll learn how to install the Omnichannel Widget on your website.
Step 1
First things first, install Live Chat as an Inbox Channel and configure the Omnichannel Widget to make it your own.
Step 2
Once you’re happy with your custom Omnichannel Widget configuration, it’s time to install the Omnichannel Widget code snippet on your website.
Step 3
To collect your unique Javascript code snippet, click Add widget to your website on the top-right of your screen above the widget preview.
Step 4
Your unique Javascript code snippet will then be displayed in a modal. We’ve prepopulated all your configurations and workspace data so all you need to do is copy-to-clipboard and embed this in your website code.
Step 5
Here’s how to embed the Javascript code snippet on your website:
- Copy the full Javascript code snippet
- Go to the <body> section of your website
- Paste the full Javascript code snippet as the last line before the closing </body> tag.
- Repeat the process on each page you want the widget to show up.
- Deploy your changes and tada! 🎉 The Omnichannel Widget is now live on your website.
Step 6
You can now toggle between active and inactive on the top of your Omnichannel Widget configuration page to either display (active) or hide (inactive) the widget.
And that’s it! 🎉 Now you know how to install the Omnichannel Widget on your website.