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.
Important: You must add the authorized domains and URLs that the widget will appear on to the Authorized domains section. You can find this in your widget's "General tab" and scrolling to the bottom.
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.
