How to Embed your Chatbot into your website

Learn how to embed your bot into your website covering all different embedding options.

If you're looking to embed your bot into your website, this tutorial is for you. This video walks you through the different embedding options available and explains each one in detail.

First up is Livechat, which adds a chat bubble to the bottom right of your website. Clicking on it displays a Live Chat, and you can even add a proactive message to capture users' attention. You can also improve your website's SEO by checking a box, which delays the bot from loading until the cursor moves for desktop or the screen is touched for mobile.

Next is Fullpage, which displays the bot as a full page on your website for maximum user experience. To add it, simply copy and paste the code onto your website.Moving onto the most common option, Embed, you can customize the widget height and it updates automatically in the code. However, since it's located in an iframe, you need to know exactly where to paste the code on your website.

Lastly, there's the Popup display, which covers most of the visible screen with your bot. You can add a proactive message and improve SEO performance, and embedding it is as easy as copying and pasting the html code into the body section of your website.Overall, this tutorial provides a comprehensive overview of how to embed your bot into your website. Plus, Nik also includes links to specific tutorials for Webflow or Wordpress if you need them.

00:00 Intro

00:30 Livechat

01:18 Fullpage

01:35 Embed

01:55 Popup

02:14 Outro

Key takeaways

  • Learn the 4 display options
  • Improve SEO performance
  • Learn the 4 display options
Improve SEO performance