> ## Documentation Index
> Fetch the complete documentation index at: https://botpress.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Use the Webchat embed code to add a bot to your website.

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

> [!NOTE]
>
> If you use a website-building tool like [WordPress](https://botpress.com/docs/webchat/integrations/wordpress.md), [Wix](https://botpress.com/docs/webchat/integrations/wix.md) or [Webflow](https://botpress.com/docs/webchat/integrations/webflow.md), see the other pages in this section for instructions on how to add your bot.

> [!NOTE]
>
> You will need:
>
> * A [published bot](https://botpress.com/docs/get-started/quick-start.md)
> * Basic familiarity with HTML

## 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](https://mintcdn.com/botpress/ZI-0qkWaLdZHgMpF/snippets/webchat/assets/embed-code-dashboard.png?fit=max\&auto=format\&n=ZI-0qkWaLdZHgMpF\&q=85\&s=dbacbc9da04036057f8f23086996c1eb)

## 2. Add to your website

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

```html index.html {4-5} theme={"theme":{"light":"light-plus","dark":"dark-plus"}}
<!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>
```

## Step 3

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

![Webchat](https://mintcdn.com/botpress/q8S__MXzNBiXVmVj/webchat/get-started/assets/webchat.png?fit=max\&auto=format\&n=q8S__MXzNBiXVmVj\&q=85\&s=709eb18ef646933a6c7db2903abdf9fa)

> [!TIP]
>
> Done! Your bot is now live on your website.

## Next steps

Now that you've added your bot, try [styling it](https://botpress.com/docs/webchat/get-started/configure-your-webchat.md) to match the rest of your website's user interface.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.