> ## 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.

# WordPress

> Add a bot to your WordPress website using Webchat.

<Info>
  You will need:

  * A [published bot](/get-started/quick-start)
  * A WordPress website. Your website could be managed ([WordPress.org](https://wordpress.org/)) or self-hosted ([WordPress.com](https://wordpress.com/))
  * If you're self-hosting: a WordPress [plan that allows installing plugins](https://wordpress.com/pricing/)
</Info>

<Tip>
  Visual learner?

  Check out our [WordPress guide](https://www.youtube.com/watch?v=PzGFVqOzDsk) on YouTube, which teaches you how to build and embed a bot on your WordPress website.
</Tip>

<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="Install the WPCode plugin in WordPress">
    1. Login to your [WordPress dashboard](https://login.wordpress.org).
    2. From the left navigation bar, select **Plugins**.
    3. Search for the [WPCode plugin](https://wordpress.org/plugins/insert-headers-and-footers/#description) and select **Install Now**.
  </Step>

  <Step title="Add the bot to your WordPress website">
    1. From the left navigation bar, select **Code Snippets**.
    2. Select **Add New**. Then, select **Add Your Custom Code (New Snippet)**.
    3. Select **HTML Snippet**. Then, paste your Webchat embed code into the **Code Preview** field.
    4. Scroll to the **Insertion** section, then open the **Location** drop-down menu. Select **Side Wide Body**.
    5. In the upper-right corner, set the snippet to **Active**, then select **Save Snippet**.
  </Step>
</Steps>

<Check>
  Your bot is now live on your WordPress site.
</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.