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

MCOD N8N node chat advanced

Chat module n8n integration for WordPress

by crleguizamon · github.com/crleguizamon/mcod-chatbot-module-wh

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/crleguizamon/mcod-chatbot-module-wh/archive/refs/heads/main.zip

Readme

MCOD N8N Node Chat Advanced

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.

Read the full README on GitHub →