WP Manifestindependent plugin directory
manifest / ai / n8n-chat-plugin-wordpress

N8N ChatBot

ChatGPT-style interface for N8N AI Agent

by Jainil Prajapati · github.com/jaainil/n8n-chat-plugin-wordpress · website

★ 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/jaainil/n8n-chat-plugin-wordpress/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.
Readme github.com/jaainil/n8n-chat-plugin-wordpress ↗

ChatGPT-style interface for N8N AI Agent

Description

Small application connecting N8N AI Agent to a Chatbot for your site.

User Manual:

  1. Installation:
  • Download the plugin ZIP file
  • Go to WordPress Admin → Plugins → Add New → Upload Plugin
  • Upload and activate the plugin
  1. Requirements:
  • PHP 7.4 or higher
  • cURL extension enabled
  • WordPress REST API enabled
  • HTTPS recommended for security
  1. Configuration:
  • No configuration needed - works out of the box
  • Ensure CORS is properly configured if using external domains
  • Test the chat interface by clicking the chatbot icon
  1. Customization:
  • Replace images in /public/ directory:
    • chatbot-icon.png (recommended size: 60x60px)
    • bot-thumb.png (recommended size: 40x40px)
  • Modify chatbot-style.css for visual changes
  • Adjust chat window size in CSS: .oacb-chat-window { width: 400px; }
  1. Security Considerations:
  • All API requests are protected with nonces
  • Input sanitization and output escaping implemented
  • Session IDs generated with cryptographically secure random_bytes
  • CSRF protection through WordPress REST API nonces
  1. Troubleshooting:
  • Check browser console for JavaScript errors
  • Verify REST API is working: /wp-json/oacb/v1/send-message
  • Ensure webhook URL is correct and accessible
  • Check server error logs for PHP issues

This implementation follows security best practices:

  1. Input validation and sanitization
  2. Output escaping
  3. CSRF protection with nonces
  4. Secure session ID generation
  5. HTTPS enforcement for API calls
  6. Proper error handling without exposing details
  7. Rate limiting through WordPress REST API
  8. Content Security Policy (CSP) friendly

Performance optimizations:

  1. Minimal database usage
  2. Efficient DOM manipulation
  3. Caching of static assets
  4. Asynchronous API calls
  5. Lightweight CSS/JS payloads
  6. Proper asset versioning
  7. Lazy loading of chat interface

Installation

  1. Upload the plugin files to /wp-content/plugins/n8n-chatbot directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Configure settings in N8N ChatBot menu

Frequently Asked Questions

Does this plugin require any external services?

Yes, it requires an N8N webhook URL for AI processing.

Is the plugin secure?

Yes, it follows WordPress security best practices including nonce verification, input sanitization, and output escaping.

Screenshots

  1. Chatbot interface on frontend
  2. Admin settings page

Changelog

1.0

  • Initial release