This article is part of the Implementing Omni series. The previous article is Setting up webchat.
To display the webchat widget on your site, you will need to add some JavaScript to the webpage. There are two versions of this code available:
- The minimum version which includes only basic style options.
- The complete version which is more customisable.
Whichever version of the code you choose, the script should be pasted after the </body> tag of the page you wish to display it on.
You will need to customise the code following the guidelines below. If you have chosen the minimal version of the code, ignore any variables not included in it.
Before proceeding make sure you know your region and Connector id, as described in Setting up webchat.
Connecting to LeadDesk
The first change to the code you must make are what links the widget to your LeadDesk environment.
src
Choose a value based on the region for your environment.
- NOR → https://ld-webchat.leaddesk.com/nor-production-main.js
- CEU → https://ld-webchat.leaddesk.com/ceu-production-main.js
- QED → https://ld-webchat.leaddesk.com/qed-production-main.js
- CE2 → https://ld-webchat.leaddesk.com/ce2-production-main.js
data-connector-id
- Paste the Connector id from your inbound route.
Webchat customisation
The attached document describes the variables used in the complete version of the widget. This document will be updated with further development of the webchat widget, check back here for the latest version.
Updated 5 September 20204
-