Plugin Documentation

EchoAI for WordPress

Add an AI chat assistant to your WordPress site in minutes. No coding required.

Installation

Get the plugin installed on your WordPress site.

From the Plugin Directory

1
Search for EchoAI

In your WordPress admin, go to Plugins > Add New and search for "EchoAI".

2
Install & Activate

Click Install Now, then Activate. The plugin menu appears in your sidebar.

Manual Upload

Download the zip file, go to Plugins > Add New > Upload Plugin, select the file and activate.

Requirements

Requirement Minimum
WordPress 5.9+
PHP 7.4+
Hosting Publicly accessible (not localhost)
Account Free at app.echoaichat.com
Localhost not supported
EchoAI needs to reach your site's REST API over the internet to fetch content. Local development environments won't work.

Setup & Connection

Connect your WordPress site to EchoAI after activating the plugin. Go to EchoAI > Setup.

Option A: Connect with EchoAI (Recommended)

1
Click Connect

Click "Connect with EchoAI" — you'll be redirected to the EchoAI platform.

2
Create or Select an Assistant

Log in, create a new assistant or pick an existing one, and approve the WordPress connection.

3
Confirm

You'll be redirected back to WordPress. Click "Confirm Assistant" — done.

Option B: Use an Existing Assistant ID

Already have an assistant? Copy its ID from your EchoAI dashboard, paste it into the "Use Existing Assistant" field, and click "Validate & Save".

You're connected!
Once connected, the floating chat button is automatically enabled and your content starts syncing to the AI knowledge base.

Floating Button

A chat button that appears on every page of your site. Active by default after setup.

Setting Default Description
Position bottom_right Corner placement — choose from 4 positions or disable entirely
Icon EchoAI icon Custom image via WordPress Media Library
Tooltip "Get quick answers..." Hover text, 5–120 characters
Size 350 x 500px Chat popup dimensions

To customize, go to EchoAI > Config. To disable, select "No floating button" in the position selector.

JavaScript
new EchoSDK({
  assistantIdentifier: 'your-assistant-id',
  floatingButton: {
    enabled: true,
    position: 'bottom_right',
    icon: 'https://your-site.com/icon.svg',
    tooltip: 'Get quick answers',
    width: 350,
    height: 500
  }
});

Gutenberg Block

Embed the chat directly into any page or post using the block editor.

1
Add the Block

In the block editor, search for "EchoAI Chat" (under Widgets).

2
Configure

Use the block inspector to adjust height, background color, and optionally override the assistant ID.

Attribute Type Default Description
height number 450 Container height in pixels (200–1000)
backgroundColor string #fafafa Background color of the chat container
assistantId Optional string Override the default assistant ID
Multiple assistants
Use the assistantId attribute to run different assistants on different pages — a sales bot on product pages, a support bot in your help center.

Shortcode

Use [echo_ai] in any post, page, or widget area.

Shortcode
[echo_ai]
Parameter Default Description
height 400 Container height in pixels
backgroundcolor #fafafa Background color (hex, rgb, or named)
assistant_id Override the default assistant ID

Examples

Shortcode
[echo_ai height="600" backgroundcolor="#ffffff"]

[echo_ai assistant_id="12345ABCDE" height="500"]

Configuration

All settings are at EchoAI > Config in your WordPress admin.

Assistant Settings

Setting Description
Assistant ID Your connected assistant. Change it to switch assistants — the ID is validated before saving.
AI Assistant settings Opens your assistant on the EchoAI platform to configure personality, greeting, and instructions.

Floating Button Settings

Setting Description
Button Position Visual grid with 4 corner options, or "No floating button" to disable.
Button Icon Select a custom icon from the WordPress Media Library. Shows a 48x48 preview.
Tooltip Text Hover text (5–120 characters). Default: "Get quick answers from { site name }".

Content Integration

Choose which post types are synced to your AI knowledge base. Only public post types with REST API support are shown. Default: Posts and Pages.

WooCommerce compatible
WooCommerce Products and any custom post type with show_in_rest enabled will appear as options.

Content Sync

Your content is automatically synced to the AI knowledge base via webhooks whenever you publish, update, or delete a post.

How It Works

  • Automatic — Every time you save a post, a webhook fires within seconds
  • Smart filtering — Only enabled post types with REST API support are synced
  • Draft-safe — Auto-drafts and revisions are ignored, only published content is sent
JSON
{
  "postId": "123",
  "action": "save",
  "postType": "posts",
  "websiteUrl": "https://your-site.com",
  "integration": "WordPress",
  "assistantId": "your-assistant-id"
}

What Gets Synced

  • Post content — Title, body, author, date, permalink
  • Featured image — Auto-detected from thumbnails, blocks, or content
  • Taxonomies — Categories, tags, and custom taxonomies as flat labels

What's NOT Synced

  • Draft or private content
  • Password-protected posts
  • User credentials or admin data

Troubleshooting

Common issues and how to fix them.

"EchoAI is not functional on localhost"

The AI needs to reach your site's REST API over the internet. Deploy to a publicly accessible server.

"Could not validate your Assistant ID"

  • Check your internet connection
  • Verify the assistant ID exists on app.echoaichat.com
  • This is a warning only — your saved ID is preserved

Floating button not appearing

  • Check EchoAI > Config — position must not be "No floating button"
  • Verify an assistant is connected
  • Check browser console for SDK errors

Content not syncing

  • Check that the post type is enabled in EchoAI > Config > Content Integration
  • The post type must have show_in_rest enabled
  • Only published content triggers webhooks — drafts are ignored
  • Bulk imports may need a manual sync from the EchoAI platform

Debug Mode

PHP
// Enable debug mode in wp-config.php
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);

// Then visit:
// admin.php?page=echoai_setup&debug=1

This logs API requests and responses to wp-content/debug.log and stores the last 10 errors in plugin options.

Need help?
Visit the EchoAI dashboard or contact support for assistance with your integration.