Skip to main content

Documentation Index

Fetch the complete documentation index at: https://botpress-ak-docs-20-document-updating-variables-from-outsid.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

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 the Dashboard:
  1. Open your bot’s Workspace and select the bot you want to embed.
  2. In the left sidebar, go to Webchat > Deploy Settings.
  3. Copy the Embed code:
Embed code from Dashboard
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.