Quickstart – Docs

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:

A published bot
Basic familiarity with HTML

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:

Open your bot’s Workspace and select the bot you want to embed.
In the left sidebar, go to Webchat > Deploy Settings.
Copy the Embed code:

Add to your website

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

<!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>

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.