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

Note: You are responsible for ensuring that your use of n8n complies with all applicable laws and regulations regarding user data and privacy.