How to Embed Chatbase on Your Website

Once your custom bot is built, the next step is putting it where your visitors can actually use it. Learning how to embed Chatbase on your website is quick and requires no coding. Here is the full guide to embedding Chatbase on your site.

Open your chatbot in the Chatbase dashboard and go to the ‘Embed’ or ‘Share’ section. You will see a small snippet of JavaScript code that loads the chat widget on your page.

For WordPress, simply paste the embed script into the header of your theme using a plugin like a code snippets tool. For Shopify, add the script to the theme’s layout file. Chatbase also offers one-click integrations for many popular website builders.

Customize how the widget looks before embedding. You can change the button color, welcome message, position on the screen and even set rules for when it appears, such as after a visitor has been on the page for 10 seconds.

Test the widget on a staging page first to make sure it loads correctly and does not slow down your site. The script is lightweight and works on both desktop and mobile.

After embedding, monitor conversations in your Chatbase analytics dashboard. Use the insights to spot frequently asked questions and improve your bot’s answers. With the widget live, your website now offers instant, accurate support around the clock.

Based on trending questions from Quora.