n8n Chat Widget

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

1. 01n8n Chat URL : Enter the full URL of your n8n chat webhook (e.g., https://n8n.example.com/webhook/your-chat-id/chat )
2. 02Enable Chat Widget : Toggle to enable or disable the chat widget on your website
3. 03Widget Position : Choose between right or left side positioning
4. 04Chat Widget Title : Set the title that appears in the chat header
5. 05Widget Color : Select a custom color for the widget button and header
6. 06Chat Icon : Choose an emoji or upload an SVG icon for the chat button
7. 07Chat 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.