• info@i-genie.co.uk
  • 0207 148 4785
Categories
Print

Embedding Chat Widgets

With this functionality, you can now embed your chatbots as a section on a webpage just like how you see images on blogs. 


This will also allow you to have multiple chatbots on different sections of a page in order to interact with your visitors without any additional CSS/HTML efforts from your end. 


Benefits of embedding a chatbot? 

  • * Improves UX with an immersive view 
  • * Make your content interactive
  • * Embed multiple bots on a single page 
  • * Ability to trigger certain bot only on certain section based on trigger condition


Ways to embed a chat widget? 


There are two ways through which the chatbot can be embedded


As a chat bubble: 


This will allow you to view the chatbot as a chat bubble. You can either have in on one page or on multiple pages based on your preference. All you will need to do is copy the following snippet on the pages of your website as per your preference. 

<script src='https://app.test.i-genie.co.uk/chat-widget/3aTeYpJ9CRfx041341925347viF2LaIZ.js' defer></script><br>

As an iFrame: 


This will allow you to embed the chatbot on the particular section of the page. All you need to do is copy the following snippet on the page of your website as per your preference. 


You can also modify Width & Height using width & height field based on your preference in the following snippet


You can also hide or show the Header of the chatbot using the display_header field based on your preference. By Default it will be off.

<iframe width="640" height="480" src="https://embed.test.i-genie.co.uk/3aTeYpJ9CRfx041341925347viF2LaIZ/bot/666REE2YvBBk063838271765xl38Ddlv?display_header=false&history_retention=false" frameborder="0"></iframe><br>


How to embed a chat widget? 


In order to embed a chat widget on your website, you can follow the following steps; 1Go to ‘Bot Builder’2Click on ‘Three Menu’ dots3Select Embed4Click on ‘Two Page’ icon to copy the code provided for displaying it as chat bubble or having it an iFrame based on your preference5Paste it either on all the pages or selective pages based on your preference

By default this will be ‘On’ for the all the chatbots build for web channel