Description
This plugin adds a customizable n8n chat widget to your website frontend. It allows visitors to interact with n8n chat workflows directly from your website through a popup interface.
Features
- Easily integrate n8n chat workflows into your website
- Customizable chat widget appearance:
- Choose the widget position (left or right)
- Set custom widget title
- Change the primary color
- Select custom emoji icon or upload SVG icon
- Adjust content zoom level (50% – 150%)
- Mobile-responsive design
- Smooth animations
- Lightweight implementation
Requirements
- WordPress 5.0 or higher
- n8n with an existing chat workflow
Configuration
- n8n Chat URL: Enter the full URL of your n8n chat webhook (e.g.,
https://n8n.example.com/webhook/your-chat-id/chat) - Enable Chat Widget: Toggle to enable or disable the chat widget on your website
- Widget Position: Choose between right or left side positioning
- Chat Widget Title: Set the title that appears in the chat header
- Widget Color: Select a custom color for the widget button and header
- Chat Icon: Choose an emoji or upload an SVG icon for the chat button
- Chat Content Zoom: Adjust the zoom level of the chat content
External Services
This plugin connects to an external service (n8n) to provide chat functionality:
n8n Chat Service
- What is it?: n8n is a workflow automation platform that can be configured to provide AI-powered chat functionality.
- What data is sent: When a user interacts with the chat widget, their messages are sent to your n8n instance via the webhook URL you provide in the settings.
- When data is sent: Data is only sent when a user actively engages with the chat widget by opening it and sending messages.
- Terms and Privacy: This plugin requires you to have your own n8n instance or use n8n Cloud. For more information about n8n’s terms and privacy policy, please visit:
Note: You are responsible for ensuring that your use of n8n complies with all applicable laws and regulations regarding user data and privacy.
Screenshots
Admin settings page
Installation
- Upload the
n8n-chat-widgetfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Go to n8n Chat Widget in the main admin menu to configure
FAQ
-
Can I customize the appearance of the chat widget?
-
Yes, you can customize the widget title, position, color, and icon. You can also adjust the zoom level to make the content larger or smaller.
-
Does this plugin work with any n8n chat workflows?
-
Yes, this plugin works with any n8n chat workflow that is publicly accessible via a webhook URL.
Reviews
Contributors & Developers
“n8n Chat Widget” is open source software. The following people have contributed to this plugin.
Contributors
Translate “n8n Chat Widget” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release