Chatloop WordPress Integration: Add AI Chatbot in Minutes
Install chatloop.io on WordPress in minutes — no coding required. Complete guide for WordPress AI chatbot setup, knowledge base configuration, and going live.
-
Rated 4.8/5 - on Google, Trustpilot and G2
Adding an AI chatbot to your WordPress website used to mean installing a plugin, wrestling with API keys, and hoping a developer had time to help. In 2026, with chatloop.io, the entire process — installation, knowledge base configuration, and going live — takes under an hour with no coding required.
This guide walks through every step of the WordPress integration, from account setup to your first automated conversation.
What the Chatloop WordPress Integration Does
The chatloop.io WordPress integration adds a fully functional AI chat widget to your WordPress site. Once installed, the widget:
Customer Support
Automate customer queries with fast, accurate AI responses.
Automated Escalation
Seamlessly transfers complex queries to your support team.
Compatibilty
Works seamlessly with all WordPress themes and plugins.
Performance Friendly
Loads asynchronously to keep your website fast and responsive.
Responsive
Optimized for smooth experiences across all devices and screens.
For WordPress-based WooCommerce stores, the integration also connects to your order data for automated order status queries. See AI agent for Shopify stores for the e-commerce-specific guide (WooCommerce follows the same pattern as the Shopify integration).
Prerequisites
- A WordPress site (any version from 5.0+, any hosting provider)
- Administrator access to your WordPress dashboard
- A chatloop.io account (free trial available at app.chatloop.io)
- 45-60 minutes to complete the full setup
Step 1: Create Your Chatloop Account and Build Your Knowledge Base
Before installing the widget, build your knowledge base in chatloop.io. A widget deployed with an empty or minimal knowledge base will frustrate users rather than help them. Aim for 30+ FAQ entries before installation.
Use your WordPress content as your starting point: your FAQs page, product descriptions (for WooCommerce), service pages, and any support documentation you have. See how to train an AI chatbot with company data for the full knowledge base build guide.
Priority knowledge base entries for most WordPress sites:
- Your most common customer enquiries (review your contact form submissions for these)
- Pricing and service information for service businesses
- Product FAQ for WooCommerce stores
- Your returns and refund policy
- Contact information and business hours
Step 2: Get Your Widget Code
In your chatloop.io dashboard, navigate to Channels > Website Chat > Install. You will see a JavaScript snippet — a single line of code starting with <script>. Copy this snippet.
Note your site’s domain at this stage — you will need to add it to your chatloop.io allowed domains list to ensure the widget only loads on your site.
Step 3: Install on WordPress
You have three installation options for WordPress — choose based on your current setup.
Option A: Using WPCode (recommended — no plugin conflicts)
WPCode (formerly Insert Headers and Footers) is the standard WordPress plugin for adding code snippets without editing theme files. It is already used on many WordPress sites for Google Analytics and similar scripts.
- In your WordPress admin, go to Code Snippets > Header & Footer
- Paste the chatloop.io script in the Header section
- Save changes
- Your widget will appear on all pages
Option B: Using Your Theme's functions.php
For WordPress developers comfortable with theme files:
- In your WordPress admin, go to Appearance > Theme File Editor
- Select functions.php
- Add the chatloop.io script using
wp_enqueue_script()or direct output in thewp_headhook - Save
Note: This approach ties the widget to your current theme and will need to be reinstalled if you change themes. WPCode is more robust for this reason.
Option C: Using a Widget-Specific Plugin
Search the WordPress plugin directory for “chatloop” — if a dedicated WordPress plugin is available, install and configure it directly from your WordPress admin. Check chatloop.io integrations for current plugin availability.
Step 4: Configure Widget Appearance
In your chatloop.io dashboard, configure the widget to match your WordPress site’s design:
- – Colour theme: Match your site’s primary colour or use chatloop.io’s default teal
- – Widget position: Bottom right (standard) or bottom left if you have other bottom-right elements
- – Greeting message: Configure what the widget says when it opens — keep it brief and action-oriented
- – Avatar and name: Set your chatbot’s name and image to match your brand
- – Launch behaviour: Choose between auto-open after X seconds, click-to-open only, or proactive trigger based on page visit duration
For WordPress e-commerce sites (WooCommerce), consider configuring the widget to appear proactively on product pages after 45 seconds — the point at which a user who has been reading without adding to cart may have an unanswered question.
Step 5: Test Your Installation
After installation, visit your WordPress site in a browser (logged out of WordPress admin — admin users are sometimes excluded from widget display for testing purposes). The chatloop.io widget should appear in the corner you configured.
Test these scenarios:
Basic FAQ query: Ask one of your top 10 FAQ questions. Confirm the response is accurate and the formatting is clean.
Escalation test: Type a word you configured as an escalation trigger (e.g., “complaint” or “refund”). Confirm the conversation routes to your human inbox.
Mobile test: Test the widget on a mobile device or using your browser’s mobile simulator. Confirm it displays correctly and the text is readable on small screens.
Page speed check: Run your page through Google PageSpeed Insights before and after widget installation. The chatloop.io widget loads asynchronously and should have minimal impact — if you see a notable slowdown, check for conflicts with other scripts.
Connecting WooCommerce
For WooCommerce stores, connect your chatloop.io account to your WooCommerce store data through the chatloop.io integrations page. This provides the AI with access to order status, product availability, and customer records — enabling real-time order queries and automated post-purchase support.
The WooCommerce connection requires your WooCommerce REST API key and secret, generated in WooCommerce > Settings > Advanced > REST API.
Ongoing Maintenance
Once your WordPress AI widget is live, the maintenance workflow is straightforward:
Weekly: Review failed conversations in the chatloop.io dashboard. Add knowledge base entries for the top unanswered query types.
When content changes: Update your knowledge base immediately when your prices, services, products, or policies change on your WordPress site. Your AI should reflect current information at all times.
Monthly: Review your automation rate and CSAT scores. See AI chatbot analytics and optimisation for the full metrics framework.
FAQ
Will the chatloop.io widget slow down my WordPress site?
The widget loads asynchronously — it does not block page rendering. The performance impact is minimal and should not affect your PageSpeed or Core Web Vitals scores materially.
Does it work with page builders like Elementor or Divi?
Yes. The chatloop.io widget is a JavaScript snippet that loads independently of your page builder. It works with all major WordPress page builders including Elementor, Divi, WPBakery, and Gutenberg.
Can I exclude the widget from specific pages?
Yes. Using WPCode or your theme’s conditional logic, you can restrict the widget to specific page types or exclude it from pages where it is not appropriate (such as checkout pages where you do not want distraction).
What if I use a caching plugin?
Popular caching plugins (WP Rocket, W3 Total Cache, WP Super Cache) do not interfere with the chatloop.io widget because it loads from an external script source rather than your WordPress cache. No caching configuration changes are needed.
How does the WordPress integration differ from the Shopify integration?
The WordPress integration adds the chat widget to your site. The WooCommerce integration (separate, within the WordPress setup) connects the AI to your store data for live order queries. For pure WordPress sites without WooCommerce, you get the chat widget and knowledge base AI. For WooCommerce stores, you get both.
