> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-ak-docs-20-document-updating-variables-from-outsid.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow

> Add a bot to your Webflow website using Webchat.

<Info>
  You will need:

  * A [published bot](/get-started/quick-start)
  * A Webflow website with a [plan that allows adding custom scripts](https://webflow.com/pricing)
</Info>

<Steps titleSize="h2">
  <Step title="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**:

    <Frame>
      <img alt="Embed code from Dashboard" className="block dark:hidden" src="https://mintcdn.com/botpress-ak-docs-20-document-updating-variables-from-outsid/hFY8s2rnytWKaOUB/snippets/webchat/assets/embed-code-dashboard.png?fit=max&auto=format&n=hFY8s2rnytWKaOUB&q=85&s=dace0630491332f579ce6464ce7f1f9e" width="1600" height="288" data-path="snippets/webchat/assets/embed-code-dashboard.png" />

      <img alt="Embed code from Dashboard" className="hidden dark:block" src="https://mintcdn.com/botpress-ak-docs-20-document-updating-variables-from-outsid/hFY8s2rnytWKaOUB/snippets/webchat/assets/embed-code-dashboard-dark.png?fit=max&auto=format&n=hFY8s2rnytWKaOUB&q=85&s=07537d8e671d1783895707ce5cfd5e93" width="1600" height="288" data-path="snippets/webchat/assets/embed-code-dashboard-dark.png" />
    </Frame>
  </Step>

  <Step title="Add to your Webflow website">
    1. Login to your [Webflow](https://webflow.com/login) account and navigate to **Site Settings**.
    2. Select the **Custom code** tab.
    3. Paste the Webchat embed code in the **Head code** section.
    4. Select **Save Changes**.
  </Step>
</Steps>

<Check>
  Your bot is now live on your Webflow website.
</Check>

## Next steps

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