Website Chat
You may deploy your bot to appear as a widget on your own website. Your website's visitors may chat with your bot on it or link to other live messaging channels.
The end product looks like this on a desktop screen.
Chatbot live on website
like this on mobile
BotDistrikt Bot on Mobile
In order to deploy your bot on your website:
- Have a live and publicly accessible HTTPS-secured website
- Ability to add custom scripts to the website's HTML source code
From your bot account
- Go to Integrations
- Select Website
Go to Integrations --> Select Website
- Enter basic details to set up the chatbot widget on your website
Under the Domains field, enter the domain URL(s) of the websites that you wish to install the website widget on. Some examples are
- https://mywebsite.com
- https://app.mysoftware.com
- https://temp123.ngrok.io
If you do not add your domains, the chatbot displays an error message like this
Error if you do not add your website's domain
You can enter multiple domain URLs for the chatbot to be on multiple websites.
Click Link to Website
You will be presented with some customized HTML code to copy.
Custom HTML code to copy
Copy and paste the code into your website's HTML source code, just before the closing
</head> tag<head>
...
...
...
<!-- PASTE SCRIPT HERE -->
</head>
Your bot widget will appear as soon as you refresh the page.
Customize 2 fields of the website chat widget
Field | Used For |
Primary Color | Keeping your website's branding consistent |
Privacy Policy | Giving visitors a checkbox to consent to before they use the chatbot widget |
It is recommended to have a privacy policy set up to keep compliant with GDPR and other data privacy regulations around the globe
Unlike a user messaging your bot with another messaging channel, website visitors are anonymous and cannot be identified by the chatbot.
Therefore, your users who message your bot will be given a random name in format of Website Guest XXXXX.
Users Dashboard of users of the Website Widget
Website users have 2 attributes setup as soon as they click GET STARTED
Attribute | Description | Use |
webchat_id | A unique generated ID | to identify a user as long as their session is active |
source | The domain URL where they messaged the chatbot from | to personalise chat experiences with rules |
Website chat does not automatically store any identification information, as opposed to other messaging channels. Every user is a Guest User. This means after messaging your bot if a user
- Clicks Reset Chat,
- Closes the page on their browser, then revisits the page, or
- Stays inactive on the page for more than your bot's Session Length
Their profile on your bot will expire. Subsequent chats from the same person will create a 2nd User profile on your bot.
Please be wary of Guest Users as each one of them counts towards your plan's User Limit
It is recommended to make your website chat bot request every user for personally identifiable information such as their email address or phone number, so you may continue conversations with them later on.
Please remember to add your Privacy Policy to the Website Chat integration before doing this.
Last modified 2mo ago