Quickstart

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:

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>

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.

Introduction to Webchat

Embed Webchat in an element

Get started

ADK

Studio

Integrations

Webchat

Desk

Get your embed code

Add to your website

Next steps

Get your embed code

Add to your website

​Next steps

Next steps