How to Add an AI Chatbot to WordPress (No Plugin Required)

The default WordPress answer to every problem is "install a plugin" — and it's how sites end up with 40 plugins, slow load times, and a dashboard full of update warnings. Adding an AI chatbot doesn't need to work that way. Because Naruva's chatbot embeds with a single HTML snippet, you can add it to any WordPress site — any theme, any page builder, any host — without installing anything.

This guide covers both ways to do it: site-wide (the widget on every page) and per-page (only where you want it). Total time is about 10 minutes, most of which is uploading your training content.

Before you start: train your bot

Create a free Naruva account and give your bot the content it should answer from. Upload documents (PDF, Word, spreadsheets), paste a URL to an existing FAQ page, or describe your business in plain language and let AI draft the training doc. If you're not sure what to include, our training guide breaks down exactly which documents matter.

Then customize the widget in the Appearance tab — colors, bot name, welcome message — and copy your snippet from the Embed tab:

<!-- Paste before the closing </body> tag -->
<iframe
  src="https://naruva.ai/chat/YOUR-BOT-ID"
  style="position:fixed;right:20px;bottom:20px;…"
></iframe>

Option 1: Site-wide, on every page

The cleanest way to add a snippet to every page of a WordPress site is your theme's footer. If your theme supports the Site Editor (block themes) or has a "footer scripts" box in its settings, use that. Otherwise:

1. In your WordPress admin, go to Appearance → Theme File Editor
2. Select footer.php from the file list on the right
3. Paste the snippet just above the closing </body> tag
4. Click Update File

One caveat worth knowing: edits to theme files are overwritten when the theme updates, so if you're on a frequently-updated commercial theme, put the snippet in a child theme or use your theme's built-in custom scripts field instead. Managed hosts like WordPress.com also restrict the file editor on lower plans — there, use the per-page method below.

Option 2: On specific pages with a Custom HTML block

If you only want the chatbot on, say, your contact and pricing pages, the block editor makes this trivial:

1. Edit the page and click + to add a block
2. Search for Custom HTML and add it anywhere on the page
3. Paste your Naruva snippet into the block
4. Update the page

The widget floats in the corner regardless of where the block sits in your content. WordPress's own documentation on the Custom HTML block is here if you haven't used it before. The same approach works in Elementor, Divi, and other page builders — they all have an HTML/embed element.

What it looks like live

This is where document training matters. A generic chatbot would waffle about "checking with the provider"; a bot trained on your actual intake FAQ answers with your actual policy, because retrieval limits it to your uploaded content.

Does an iframe slow WordPress down?

Meaningfully less than a plugin does. The iframe loads independently of your page — it doesn't block rendering, doesn't add PHP execution time, doesn't touch your database, and doesn't need updates. PageSpeed scores are typically unaffected, which is not something most chat plugins can claim.

If your WordPress site is where customers find you but questions still land in your inbox, a trained chatbot closes that gap for free. Set yours up here — you'll be answering questions on autopilot before your next coffee refill.