WP Manifestindependent plugin directory
manifest / ai / mcod-chatbot-module-wh

MCOD N8N node chat advanced

Chat module n8n integration for WordPress

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/crleguizamon/mcod-chatbot-module-wh/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Easily integrate an n8n-powered AI chat widget into your WordPress site. Customize the look, feel, header logo, colors, and configure targeted page/role exclusions with ease.


🚀 Features

  • 🤖 n8n Webhook Integration: Connect seamlessly to your self-hosted or cloud n8n workflows via webhooks.
  • 🎨 Customizable Appearance:
    • Change primary colors, header styles, and background tones.
    • Customize titles, subtitles, and welcome messages.
    • Upload custom brand icons or logos for the chat header.
  • 🎯 Page & Target Exclusions:
    • Control exactly where the chat widget appears across post types, specific pages, categories, or user roles.
  • 🔒 Secure & Optimized:
    • Built following official WordPress Coding Standards & security best practices (sanitization, escaping, nonces).
    • Lightweight asset loading scoped to the frontend when active.
  • 🛠️ Developer Friendly:
    • Includes debug mode for easy troubleshooting and workflow inspection.
    • Extensible with custom hooks and translation ready (i18n).

📋 Requirements

  • WordPress: 5.0 or higher (Tested up to 6.9)
  • PHP: 7.4 or higher
  • n8n Instance: Active n8n workflow with a Chat Webhook node

📦 Installation

  1. Download or clone this repository:
    git clone https://github.com/crleguizamon/mcnac-n8n-chat-advanced.git
  2. Upload the mcnac-n8n-chat-advanced directory to your WordPress site's /wp-content/plugins/ directory.
  3. Activate the plugin via Plugins > Installed Plugins in your WordPress Admin Dashboard.
  4. Navigate to MCOD Chat in the admin menu to set up your Webhook URL and styling preferences.

⚙️ Configuration

1. Connecting n8n

  • Go to MCOD Chat > General Settings.
  • Enter your n8n Webhook URL (e.g., https://your-n8n-instance.com/webhook/chat-endpoint).
  • Save changes and test the connection.

2. Customizing the Chat Widget

  • Set your chat header title (e.g., "AI Support Assistant").
  • Upload a custom logo or avatar.
  • Customize theme colors to match your brand palette.
  • Set a custom welcome message displayed when visitors open the widget.

3. Setting Up Exclusions

  • Navigate to MCOD Chat > Exclusions.
  • Define specific pages, post types, or user roles where the chat widget should be hidden.

📜 Changelog

1.0.1

  • Fix: Improved chat appearance (removed unwanted line gaps in message history).

1.0.0

  • Initial official release.

👤 Author & Support


📄 License

This project is licensed under the GPLv3 License.