Webchat makes it easy to embed a bot on your website. If you self-host your website, just follow the instructions on this page.

If you use a website-building tool like Wordpress, Wix or Webflow, see the other pages in this section for instructions on how to add your bot.

You will need:

1

Get your embed code

To embed a bot a bot on your website, you need the bot’s Webchat embed code. You can get the embed code from either the Studio or the Dashboard.

  1. Select Share in the upper-right corner.
  2. Select Configure, then copy the script tags:
2

Add to your website

Next, add the Webchat embed code to the head section of your website’s HTML. For example:

index.html
<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.botpress.cloud/webchat/v2.3/inject.js"></script>
  <script src="https://files.bpcontent.cloud/2025/03/18/14/20250318141028-30WRMG85.js"></script>
</head>
<body>
  <!-- Website content -->
</body>
</html>
3

You’re all set! Open your website and start chatting with your bot. It should look something like this:

Done! Your bot is now live on your website.

​
Next steps

Now that you’ve added your bot, try styling it to match the rest of your website’s user interface.

Was this page helpful?

Suggest editsRaise issue