ChatReact
HomeDocumentation

WordPress Plugin

Add ChatReact AI chatbots, contact forms, and FAQ accordions to your WordPress site with our official plugin.

Download

Download ChatReact Plugin v1.0.24

Installation

Method 1: Upload via WordPress Admin

  1. Download the plugin ZIP file above
  2. Go to Plugins → Add New → Upload Plugin
  3. Choose the ZIP file and click Install Now
  4. Click Activate Plugin

Method 2: Manual Upload via FTP

  1. Extract the ZIP file
  2. Upload the chatreact folder to /wp-content/plugins/
  3. Go to Plugins in WordPress admin
  4. Find "ChatReact" and click Activate

Configuration

After activation, go to Settings → ChatReact for usage instructions.

Finding Your Chatbot ID

  1. Log in to chatreact.ai
  2. Go to your chatbot's Dashboard
  3. Click the Copy button next to the Chatbot ID (shown at the top)

Finding Your Form ID

  1. Log in to chatreact.ai
  2. Go to Forms
  3. Select your form
  4. Copy the Form ID

Usage Options

The plugin offers multiple ways to add ChatReact to your site:

1. Shortcodes

Add to any page, post, or widget area:

Chat Widget:

[chatreact id="YOUR_CHATBOT_ID"]

Optional attributes: position, language, primary_color, auto_open

Contact Form:

[chatreact_form id="YOUR_FORM_ID"]

Optional attributes: language

FAQ Accordion:

[chatreact_faq id="YOUR_CHATBOT_ID"]

Optional attributes: categories, container, language

2. Gutenberg Blocks

In the block editor:

  1. Click + to add a block
  2. Search for "ChatReact"
  3. Choose Chat Widget, Form Widget, or FAQ Widget
  4. Enter your ID in the block settings

3. Elementor

If you use Elementor:

  1. Edit your page with Elementor
  2. Search for "ChatReact" in widgets
  3. Drag the widget to your page
  4. Configure in the left panel

4. Page-Level Assignment

Assign widgets to specific pages without shortcodes:

  1. Edit any page or post
  2. Find the "ChatReact Widget" meta box
  3. Select a widget type
  4. Enter your ID
  5. Save the page

Shortcode Examples

Basic Chat Widget

[chatreact id="abc123"]

Chat Widget with Options

[chatreact id="abc123" position="bottom-left" language="de" auto_open="true"]

FAQ with Category Filter

[chatreact_faq id="abc123" categories="shipping,returns"]

Styled Contact Form

[chatreact_form id="form123" language="en"]

Supported Languages

The plugin supports 24 EU languages:

  • Bulgarian, Croatian, Czech, Danish, Dutch, English
  • Estonian, Finnish, French, German, Greek, Hungarian
  • Irish, Italian, Latvian, Lithuanian, Maltese, Polish
  • Portuguese, Romanian, Slovak, Slovenian, Spanish, Swedish

Troubleshooting

Widget Not Appearing

  1. Verify your Chatbot ID is correct
  2. Check if the chatbot is active in your ChatReact dashboard
  3. Clear any page caching plugins
  4. Check browser console for JavaScript errors

Styling Conflicts

If the widget looks broken:

  • The widget uses isolated CSS
  • Check for CSS !important rules in your theme
  • Try disabling other chat plugins temporarily

Multiple Widgets

You can use different chatbots on different pages by specifying unique IDs in each shortcode or block.

Requirements

  • WordPress 5.8 or higher
  • PHP 7.4 or higher
  • A ChatReact account (sign up free)

Changelog

1.0.24

  • Current stable release
  • Gutenberg blocks support
  • Elementor integration
  • 24 language translations
  • Page-level widget assignment

Next Steps

Previous
Notification Settings