Before your visitors can start chatting with you within your website, you’ll need to add the widget to your website by embedding the widget script in the HTML source code of one or more pages.
To add the chat widget:
- Copy your widget script which you can find on the 'Widget' section, under the 'Script' tab.
- In the source code of the web page, paste the embed script between the page's body tags. You can paste it either right after the opening <body> tag or right before the closing </body> tag.
- Save and publish the page.
The widget should be visible after reloading the page in a browser.
Note: Ensure you have whitelisted in the widget settings the website where you want to install the widget.
Adding the widget via Google Tag Manager
After retrieving the script as detailed above, head to your GTM account and follow the steps below:
- Create a new Custom HTML Tag inside GTM;
- Edit the new tag and paste the script copied above in the HTML textbox;
- Configure the 'Fire On' step to run whenever you'd like on your website;
- Preview and debug the container, if needed;
- Publish the changes once ready.
How to install the script via Google Tag Manager?
Adding the widget via WordPress
After retrieving the script as detailed above, head to your WordPress account and follow the steps below:
- Open Wordpress backend and go to Plugins > Add New;
- Search and install "Insert Headers and Footers" plugin;
- Open the plugin settings and enter our script in the section "Scripts in Header" and click on "Save Changes".