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

# WordPress

> Here are the step-by-step instructions on how to install your chatbot onto your WordPress website

<Steps titleSize="h2">
  <Step title="Install WPCode Plugin">
    <ol>
      <li>Log in to your WordPress dashboard.</li>
      <li>Click on **Plugins** in the left-hand menu and then click **Add New**.</li>

      <li>
        Search for [WPCode – Insert Headers and Footers + Custom Code
        Snippets](https://wordpress.org/plugins/insert-headers-and-footers/) in the search
        bar.
      </li>

      <li>Click **Install Now** to install the plugin.</li>
      <li>Wait for the plugin to install, then click **Activate** to activate the plugin.</li>
    </ol>

    <img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/webagentai/Xo4IpnEW6BaFm2mJ/images/wordpress-plugin.png?fit=max&auto=format&n=Xo4IpnEW6BaFm2mJ&q=85&s=4e066730d714cf97c628e9d634e4b68a" width="1567" height="1089" data-path="images/wordpress-plugin.png" />
  </Step>

  <Step title="Copy Chatbot Script Tag">
    <ol>
      <li>Log in to your WebAgent.ai account and go to the **Publish**.</li>
      <li>Click on **Add to Website** and locate the script tag provided.</li>
      <li>Select and copy the entire script tag.</li>
    </ol>

    <img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/webagentai/Xo4IpnEW6BaFm2mJ/images/publish-chatbot.png?fit=max&auto=format&n=Xo4IpnEW6BaFm2mJ&q=85&s=028dfd37ab241f721ec9ca1190f6c300" width="2390" height="1560" data-path="images/publish-chatbot.png" />
  </Step>

  <Step title="Add Script Tag to Code Snippets">
    <ol>
      <li>Go back to your WordPress dashboard.</li>
      <li>Click on **Code Snippets** in the left-hand menu then on **Header & Footer**.</li>
      <li>In the **Header** section, paste the script tag you copied in Step 2.</li>
      <li>Click **Save Changes** to save the snippet.</li>
    </ol>

    <img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/webagentai/Xo4IpnEW6BaFm2mJ/images/wordpress-insert-code-to-header.png?fit=max&auto=format&n=Xo4IpnEW6BaFm2mJ&q=85&s=9efe74e70c3bf3ec8a2cf31d2baf7732" width="1567" height="1089" data-path="images/wordpress-insert-code-to-header.png" />
  </Step>
</Steps>

That's it! You have successfully installed WebAgent.ai onto your WordPress website. The chatbot script should now be embedded on your website, allowing you to engage with your site visitors intelligently.