How to Add an AI agent to Your WordPress Website

Before you start

Check you have these ready. It saves a trip back halfway through.

• A ChatterEase account. You start on the Free plan, and you do not need a card to start.
• An AI agent trained on your own content, such as your website pages or files (PDF, Word, text). Ask it a few test questions in the dashboard first, so you know the answers are right before visitors see it.
• Admin access to your WordPress site, so you can add code and publish changes.
• A self-hosted WordPress site where you can install plugins. If your site is on WordPress.com, you need a plan that allows plugins or custom code.

Not set up yet? See the plans and prices, then follow the quick start guide to create your AI agent and train it on your website.

How to add ChatterEase to WordPress, step by step

1. 1

   Step 1: Copy your embed code from ChatterEase

   Log in to ChatterEase and go to Dashboard, then AI agents. Open the agent you want on your site and click the Embed tab. Copy the code under "Embed with a widget script". It already has your agent ID in it.

   Copy

   <script async src="https://chatterease.com/embed/YOUR_AGENT_ID/widget.js"></script>

   Tip: The code above is an example. Copy yours from the Embed tab, because it has your own agent ID where this one says YOUR_AGENT_ID.

2. 2

   Step 2: Install a header and footer code plugin

   In your WordPress admin, go to Plugins, then Add New. Search for "Insert Headers and Footers" and install and activate WPCode. Any plugin that adds code to your site footer works the same way.

   Tip: A plugin is the safest choice. Your code stays put when you update or change your theme. Code pasted into footer.php is lost on the next theme update.

3. 3

   Step 3: Paste the script into the Footer box

   Open the plugin's Header & Footer page. In WPCode it is under Code Snippets in the left menu. Paste your ChatterEase script into the Footer box and click Save.

   Tip: No plugin? Many themes have a footer scripts box in their theme options. On a block theme you can also go to Appearance, then Editor, edit the footer template part, and add a Custom HTML block with the script.

4. 4

   Step 4: Clear your cache

   If you use a caching or speed plugin such as WP Rocket, LiteSpeed Cache or W3 Total Cache, clear its cache now. Do the same for your host's cache and any CDN, like Cloudflare. Until you do, visitors may keep getting the old copy of your pages without the script.

5. 5

   Step 5: Check that it works

   Open your live site in a private or incognito window, so you see it the way a new visitor does. Look for the ChatterEase launcher in the bottom-right corner (or bottom-left, if you moved it in your agent's settings). Click it and ask a question your pages answer, like your opening hours or your returns policy.

Let an AI assistant add it for you

If WordPress has an AI assistant built in, or you use ChatGPT, Claude or Gemini, you can hand this job to it. Some assistants can make the change for you; others will tell you exactly where to click. Either way, the prompt below keeps it to one small change.

1. 1. In your ChatterEase dashboard, open AI agents, pick your agent and go to the Embed tab. Copy the embed code.
2. 2. Paste it into the box below. Your real code goes into the prompt in place of YOUR_AGENT_ID.
3. 3. Copy the prompt and paste it into your AI assistant. Check its answer before you apply any change.
4. 4. Open your live site in a private window and ask the AI agent a question to make sure it works.

I want to add the ChatterEase chat widget to my WordPress website. Please add the code below for me. If you can't make the change yourself, tell me exactly where to click and what to paste.

The code:
<script async src="https://chatterease.com/embed/YOUR_AGENT_ID/widget.js"></script>

What I need:
1. Add it to the site-wide footer, just before the closing </body> tag. Use a header and footer code plugin (for example WPCode) or my theme's footer code setting. Do not edit theme files directly, so a theme update does not remove it.
2. Load it on every page of the site, once. If this script is already there, don't add it again.
3. Paste it exactly as it is. Keep the async attribute and don't change the URL.
4. Don't change, move or delete any other code, theme settings or content.
5. When you're done, tell me what you changed and where, so I can undo it later.
6. Tell me how to check it works: open the live site in a private window and look for the chat button in the bottom corner.

If my plan or my permissions don't allow custom code, tell me what I need instead of trying a workaround.

The prompt asks the assistant not to touch anything else and to tell you what it changed, so you can undo it. If it can't add custom code on your WordPress plan, it should say so; the steps above still work.

If the widget does not show up

Work down this list. Most problems on WordPress come from one of these, and each one takes a minute to check.

Still stuck? The ChatterEase docs cover setup in more detail, or book a demo and ask us about your setup.

Tips for WordPress

Lead capture, the greeting bubble and Auto-update come with Growth and Pro. Compare plans.

Questions about ChatterEase on WordPress