Embed chatbots on website
Embed the chatbot as a chat bubble or as an iframe on your webpage.
Wotnot supports two ways of adding the chatbot on your website,
Embed as a chat bubble
Embed as an iframe
Step 1: Get the embed code of the chatbot
To embed a chatbot on a webpage, simply click on the 3 dots icon on the bot management screen and choose 'Embed'.

Step 2: Copy and paste the Embed code
Copy & paste the code snippet on the website where you want to embed the chatbot.
There are 2 ways to embed.
Embed as chat bubble
Shows up as a small bubble on the corner of your website. Bubble can open/close on click.

<script src='https://app.wotnot.io/chat-widget/KYi3WCJkk9if101023723428bvMtch1n.js' defer></script>
Embed as iframe
Embeds the chat widget inside a section of a webpage. The chatbot is fixed and does not open/close.

You can enable or disable the header of the embed i.e. the green portion you see on top by writing display_header=false.
Also, you can add a frameborder using the field frameborder="1".
<iframe width="640" height="480" src="https://embed.wotnot.io/KYi3WCJkk9if101023723428bvMtch1n/bot/cJWQqh5anku8082500522107fJTkw94W?display_header=false&history_retention=false" frameborder="0"></iframe>
Last updated
Was this helpful?