How to add an AI chatbot to WordPress (step by step)

WordPress powers a huge share of the web, and adding an AI chat agent to it takes one line of code, not a plugin sprawl or a developer. Here's the fastest way to get Supportweave answering your visitors on every page.

What you'll need

• A Supportweave workspace (set up during your demo)
• Your chatbot's embed snippet from the Install tab
• Admin access to your WordPress dashboard

Step 1: Copy your embed snippet

In Supportweave, open your chatbot and go to the Install tab. Copy the script: it looks like this, with your own chatbot id already filled in:

<script
  src="https://app.supportweave.com/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  async
></script>

Step 2: Paste it into WordPress

1. 1Install a header-and-footer plugin like WPCode or Insert Headers and Footers (or use your theme's built-in custom-scripts option).
2. 2Open its settings and find the Footer or Scripts in Body box.
3. 3Paste the snippet and save.
4. 4Using a block theme? Add it before </body> via a child theme's footer.php, or your theme's custom-code area.

Step 3: Check it's live

Open your site in a new tab. The chat bubble appears in the bottom-right on every page. Click it and ask a question to confirm it's pulling from your knowledge base. If you don't see it, make sure the snippet sits in the footer (not the head) and clear any caching plugin.

Make it yours

• Match your brand colors, logo, and greeting in the Appearance tab
• Prefer an embedded search box? Use the inline search variant from the Install tab
• Remove the 'Powered by Supportweave' badge on Pro and Business

That's it, your AI agent is live on WordPress, answering 24/7 and handing off to your team when needed. Browse guides for every other platform on our integrations page.