Add Chatbots to WordPress Websites

Add your AI agent to every page of your WordPress site with the free Chat Data plugin. No coding needed.

Before you start

• A trained AI agent. New here? Create an account, then train your agent with your data.
• Admin access to your WordPress dashboard.

With the plugin you don't copy any code. You paste only your Chatbot ID (step 2).

Step 1: Allowlist your WordPress domain

In Chat Data, open Settings > Security. Set Visibility to public, turn on Embedding On Websites, and add your WordPress domain to Allowed Embedding Domains. To hide the AI agent on certain pages of your site, list them in Disallowed Urls. Full details: Allowlist your domain.

Step 2: Install the Chat Data plugin (recommended)

1. In WordPress, go to Plugins > Add New and search for Chat Data. You can also download it from the WordPress Plugin Directory.
2. Install and activate the plugin.
3. In Chat Data, open your AI agent's Settings > General and copy the Chatbot ID (under Chatbot Info).
4. In WordPress, go to Settings > Chat Data Options and paste it into Chatbot ID.
5. Leave Embedding Domain as www.chat-data.com. Change it only if you are on our reseller plan and host the script on your own domain; see White Label Your Chatbot.
6. Click Save Changes.

The plugin adds the chat bubble to every page of your site.

Alternative: edit your theme's functions.php file

Use this only if you are comfortable editing theme files. It is more direct, but a mistake in functions.php can break your site.

1. Go to Appearance > Theme Editor, select your current theme and open functions.php. You can also edit the file over FTP in your theme's folder.
2. Add this code at the end of the file. Replace the <script> line with the Widget Bubble code you copied from Embed on site in Chat Data.

function add_custom_script_to_head() {
echo '<script src="https://www.chat-data.com/embed.min.js?chatbotId=YOUR_CHATBOT_ID" defer></script>' . "\n";
}
add_action('wp_head', 'add_custom_script_to_head');

Check that it worked

Open your live WordPress site. The chat bubble should appear. If the chat window shows "Domain: … is not in the allowlisted domains of this chatbot", add that domain in Step 1. More fixes: Check that it worked.

Next step: match the bubble to your brand in Settings > Chat Interface. See Customize the Chatbot Interface.