Create a web widget demo page
This guide will explain to you how to set up a custom demo page to showcase your chatbot as seen in this example: https://banking-bot-demo.glitch.me/. This can be done using Glitch, where you can create apps in your browser for free.
1. Create a web widget in Chatlayer
Create a web widget with the configuration of your liking via Channels. Read more about that here.
2. Create account on Glitch
Create an account on glitch.com.
Create a new project and name it the way you want your link to be shown:
3. Create html page
Now click on the Index.html page in the left column. There, paste the following block of code between the two lines.
Pay close attention to:
Line 97: Use the link of the web widget in Chatlayer there
Replace 'onload='chatlayer()'' with 'onload="initChatlayer()'
Line 92: Please enter the name of your glitch web page here
Line 81: If you want to change the background colour of the web page, you can do so by entering the HEX colour code
Now check your website by clicking on ‘Show’ and then ‘In a New Window’ (see left top corner)
And there you go! A quick and easy page to show off your amazing bot!
Last updated