Deploy your bot on your preferred platform by navigating to the Share tab in your bot’s dashboard. This tab provides tailored instructions for each integration method, ensuring a seamless embedding process.
You can embed your bot in three primary ways: Standard, Popup, or Bubble. Each method offers unique advantages depending on your website or application’s needs.
Standard
The Standard embed places your bot within a customizable container, allowing flexible integration anywhere on your website or app. This method is used on the Bot homepage for a full-page experience.
<iframe
src="https://indite.io/embed/my-bot"
width="100%"
height="100vh"
frameborder="0"
style="border-radius: 8px;"
></iframe>
For a full-page experience, set the width to 100% and the height to 100vh. Adjust dimensions as needed to fit your layout.
Popup
The Popup embed displays your bot in an overlay window above your website’s content. You can configure the popup to open automatically after a specified delay or trigger it manually (e.g., via a button click).
Use the autoShowDelay property in the Popup configuration to control when the popup appears. See the HTML & JavaScript Guide for details.
Bubble
The Bubble embed presents your bot as a floating chat bubble, typically positioned in the bottom-right corner of your site. It can open automatically, on user interaction, or display a proactive preview message to engage visitors.
Customize the bubble’s appearance and behavior, such as preview messages and positioning, using the theme and previewMessage properties. Refer to the HTML & JavaScript Guide for configuration options.