Back

How to embed your chatbot on a WordPress website

Adding your Ernie AI chatbot to a WordPress website is straightforward and requires no coding experience. Follow the steps below to get your chatbot live on your site in minutes.

Before you start

  • Have your Ernie AI embed code ready.

  • Check your WordPress type and plan:

    • WordPress.com users must be on the Business or Commerce plan to add custom code. Free, Personal, and Premium plans block JavaScript.

    • Self-hosted WordPress.org sites have no plan restrictions – you can add custom code freely.

  • We recommend adding the chatbot at least on your homepage, then optionally across all pages.

Option A: WordPress.com (hosted)

  1. Log in to your WordPress.com dashboard.

  2. Go to My Site → Plans and confirm you’re on the Business or Commerce plan.

  3. Go to Appearance → Editor (or Site → Editor).

  4. Open your Homepage.

  5. Add a Custom HTML block.

  6. Paste your Ernie AI embed code inside it.

  7. Click Publish or Update.

  8. Visit your site to confirm the chatbot appears.

    • On lower plans, the HTML block will accept text only – you’ll need to upgrade for JavaScript support.

Option B: Self-hosted WordPress (WordPress.org)

Plugin method (easiest):

  1. Log into your admin area.

  2. Go to Plugins → Add New, search “WPCode” or “Insert Headers & Footers.”

  3. Install → Activate.

  4. Open the plugin → find Footer code field.

  5. Paste your embed code and save.

  6. Visit your homepage to confirm the chatbot loads.

Manual method:

  1. Go to Appearance → Theme File Editor.

  2. Open footer.php.

  3. Paste your code just above </head>.

  4. Save and reload the site.

Troubleshooting & checks

  • Chatbot doesn’t appear → check plan level, clear cache, ensure code pasted correctly.

  • Homepage only → move snippet into site-wide footer/plugin.

  • Mobile/desktop → verify display both views.

Need help?

Email [email protected] with your site URL and WordPress plan.