search

Embed Chatbots on Website

Embed the chatbot as a chat bubble or as an iframe on your webpage.

hashtag
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'.

hashtag
Step 2: Copy and Paste the Embed Code

Copy and paste the code snippet on the website where you want to embed the chatbot.

Ally supports two ways of adding the chatbot to your website:

  1. Embed as a chat bubble

  2. Embed as an iframe

hashtag
1. Embed as Chat Bubble

Shows up as a small bubble on the corner of your website. Bubble can open/close on click.

circle-info

Always make sure you add the chat widget code on the <body> of the website HTML so that it displays on all pages of your website.

hashtag
2. 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".

circle-info

You can change the height and the width of the chatbot or chatbot screen based on your preference by making changes in the above code, under "Height" and "Width" option by using either pixels (px) or percent (%).

PreviousWebNextWhatsApp

Last updated