Skip to main content
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 on your website, you need the bot’s Webchat embed code. You can get the embed code from either the Studio or the Dashboard.
  • From the Studio
  • From the Dashboard
  1. Select Share in the upper-right corner.
  2. Select Configure, then copy the script tags:
Embed code
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/vX.X/inject.js"></script>
  <script src="https://files.bpcontent.cloud/xxxx/xx/xx/xx/xxxxxxxxxxxxx-xxxxxxxx.js" defer></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:
Webchat
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.
⌘I