← all field notes
WordPress Integration

How to add Aidevelopia to your WordPress site in under a minute

A step‑by‑step guide that shows you how to add Aidevelopia to your WordPress site, configure the AI agent, and avoid the common pitfalls that trip up most integrations.

Aidevelopia Support Aug 12, 2026 6 min read
How to add Aidevelopia to your WordPress site in under a minute

Why most WordPress chatbot setups fail

Most WordPress owners assume they need to edit theme files, add shortcodes, or paste code into functions.php to get a chatbot working. In reality the whole process can be done in about a minute and requires no code changes at all. If you follow the exact steps below you will add Aidevelopia to your WordPress site without touching the theme or risking a site break.

Before you start

You need two things: a WordPress site you can log into as an administrator, and a free Aidevelopia account. If you do not have an account yet, create one at aidevelopia.com/register. The free tier is sufficient to go live on a real site.

Step 1 – train your agent first

Training the agent before you install the plugin is essential. An empty knowledge base will only respond with "I don’t know," which creates a poor first impression.

  • Point us at your website – Aidevelopia will crawl every page and build broad coverage automatically.

  • Upload documents – PDFs, Word files, Markdown or plain text such as shipping policies, returns policies, pricing sheets, or product guides.

  • Write FAQ pairs directly for information that does not exist on the site.

Most practitioners combine a site crawl with a handful of uploaded documents to fill the gaps. Every answer the agent gives is grounded in this material, so it will use your actual return window and shipping times instead of generic averages.

Step 2 – copy your API key

In the Aidevelopia dashboard go to Channels → Website → Embed. The API key displayed on that screen is the link between the WordPress plugin, your agent, the knowledge base, and your branding. Copy the entire key – a partial copy will cause verification to fail later.

Step 3 – install the plugin

From the WordPress admin panel:

  1. Navigate to Plugins → Add New.

  2. Search for Aidevelopia.

  3. Click Install Now, then Activate.

If you prefer a manual install, download the zip from the plugin page and upload it via Plugins → Add New → Upload Plugin.

Step 4 – paste the key

After activation:

  1. Go to Settings → Aidevelopia.

  2. Paste the API key you copied earlier into the provided field.

  3. Click Save.

The plugin verifies the key instantly and shows a ✓ verified message. If you see ✗ not recognized, return to the dashboard and copy the key again, making sure no characters are missing.

Step 5 – check your site

Open your website in a new browser tab. The chat bubble should appear in the bottom‑right corner of every page. Test it by asking a question that you know is covered by your uploaded knowledge base, then ask something that is not. The agent should respond honestly that it doesn’t know and offer a "Talk to a human" option.

Branding it

All visual settings live in the Aidevelopia dashboard under Branding, not in the WordPress plugin:

  • Primary and secondary brand colours.

  • Chat header background, bot bubble, and visitor bubble colours.

  • Your logo, agent avatar, agent name, and subtitle.

  • Welcome message, input placeholder, and the text on the chat bubble.

Changes are applied instantly because the widget fetches its configuration at runtime. You do not need to clear caches, update the plugin, or re‑paste the API key.

When the AI can’t answer

If the agent cannot find a confident answer in the knowledge base, it will say so and present a "Talk to a human" link. The visitor leaves an email, you receive an escalation alert, and with Live Handoff enabled you can take over the conversation from the dashboard. Your reply appears in the same chat window, preserving the transcript so the customer never repeats themselves.

What doesn’t work / common pitfalls

Even a minute‑long setup can stumble if you miss a detail. Below are the most frequent issues and how to avoid them:

  • Skipping the training step – Installing the plugin before populating the knowledge base leads to an empty‑answer experience.

  • Partial API key copy – The verification check will fail, showing a "✗ not recognized" message. Double‑check that you copied the full string from the dashboard.

  • Using cached HTML pages without a deferred script – The widget loads a small deferred script in the footer, so it works fine with caching plugins. If you disable the footer or defer loading, the bubble may not appear.

  • Over‑customising via theme files – Because the widget floats above the page, any theme edits are unnecessary and can cause conflicts.

  • Neglecting escalation monitoring – If you ignore escalation alerts, visitors will fall through the cracks, reducing trust.

Address each of these points before moving on, and the integration will remain stable.

Week one – monitoring and tuning

After the widget is live, spend the first two weeks reviewing conversation transcripts. Focus on three metrics:

  • Escalation rate – How often the agent hands off to a human.

  • Thumbs‑down ratings – Negative feedback on specific answers indicates missing or unclear documentation.

  • Top pages – Where conversations start most frequently.

Each thumbs‑down points to a document that needs improvement. Updating the source file instantly fixes the answer for all future visitors. Two or three rounds of this feedback loop typically turn a decent agent into a genuinely useful support tool.

FAQ

Does it work with WooCommerce?

Yes. The widget appears on product, cart, and checkout pages, allowing it to answer shipping, returns, sizing, and stock questions directly.

Will it break my theme or page builder?

No. The widget renders client‑side and floats above the page, so it works with block themes, classic themes, Elementor, Divi, Bricks, and other builders without template changes.

Is there any performance impact?

No. The integration adds one small deferred script in the footer, and all AI processing happens on Aidevelopia’s servers, not on your hosting.

Can I use the same agent on other channels?

Yes. The same knowledge base and conversation history can be shared with Telegram, Discord, and email channels.

Next steps

Now that the widget is live, download the plugin if you haven’t already, and watch the first few conversations. Seeing the AI hand off to a human will confirm that the escalation flow works as intended.

Conclusion

Adding Aidevelopia to a WordPress site is a truly frictionless process: train the agent, copy the API key, install the plugin, paste the key, and verify. By handling branding in the dashboard and relying on a lightweight client‑side widget, the solution stays fast, cache‑friendly, and theme‑agnostic. Avoid the common pitfalls listed above, monitor the first week of interactions, and you will have a reliable AI support agent that enhances customer experience without any code changes.

got thoughts?

Discuss this post with the community — questions, pushback, what worked for you.

written by
Aidevelopia Support
your move

Read the notes.
Now ship.