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.
First things first, install Live Chat as an Inbox Channel and configure the Omnichannel Widget to make it your own.
Once you’re happy with your custom Omnichannel Widget configuration, it’s time to install the Omnichannel Widget code snippet on your website.
To initialize the Omnichannel Widget , you need to first embed your unique Omnichannel Widget installation snippet in either the header of your website (for all pages) or on the header of each page you wish to display the Omnichannel Widget.
You can find your installation snippet in your Omnichannel Widget Settings in Inbox.
Here is an example of the installation snippet:
Go to the <body> section of your website
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.
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.
The snippet is designed to be a backwards compatible defer.
Its default behavour is to wait until your page has completely finished loading before downloading the widget and placing it on your page.
If however, your site has a different performance profile or perhaps you would like to take control of when the widget is loaded you can use the snippet below.
Please make sure to swap out the query param in the script url with the widget ID which can be found on settings page.