Adds a customizable n8n chat widget to your website frontend. It allows visitors to interact with n8n chat workflows directly from your website throug …

Aethonic

n8n chatbot – Chatics

Add a customizable AI chatbot widget to your WordPress site that connects to your n8n workflow via webhook. Fully configurable and flexible.

w2media

W2MEDIA – n8n Webhook on Publish/Update (+ACF)

Triggers n8n on post/page (or CPT) publish & update and includes all ACF fields (if ACF is active).

DVYZR

Synapse – Data Bridge for Automation

The data bridge for WordPress. A powerful REST API to monitor sites and automate workflows with n8n, Zapier, Make, and your own scripts.

Maidul

Chat Notifications for Telegram with CF7

Instantly send Contact Form 7 submissions to WhatsApp, Telegram, Microsoft Teams, and N8N for real-time alerts and automation.

Farhan Srambiyan

<p>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.</p>
<h4>Features</h4>
<ul>
<li>Easily integrate n8n chat workflows into your website</li>
<li>Customizable chat widget appearance:
<ul>
<li>Choose the widget position (left or right)</li>
<li>Set custom widget title</li>
<li>Change the primary color</li>
<li>Select custom emoji icon or upload SVG icon</li>
<li>Adjust content zoom level (50% – 150%)</li>
</ul>
</li>
<li>Mobile-responsive design</li>
<li>Smooth animations</li>
<li>Lightweight implementation</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>n8n with an existing chat workflow</li>
</ul>
<h3>Configuration</h3>
<ol>
<li><strong>n8n Chat URL</strong>: Enter the full URL of your n8n chat webhook (e.g., <code>https://n8n.example.com/webhook/your-chat-id/chat</code>)</li>
<li><strong>Enable Chat Widget</strong>: Toggle to enable or disable the chat widget on your website</li>
<li><strong>Widget Position</strong>: Choose between right or left side positioning</li>
<li><strong>Chat Widget Title</strong>: Set the title that appears in the chat header</li>
<li><strong>Widget Color</strong>: Select a custom color for the widget button and header</li>
<li><strong>Chat Icon</strong>: Choose an emoji or upload an SVG icon for the chat button</li>
<li><strong>Chat Content Zoom</strong>: Adjust the zoom level of the chat content</li>
</ol>
<h3>External Services</h3>
<p>This plugin connects to an external service (n8n) to provide chat functionality:</p>
<h4>n8n Chat Service</h4>
<ul>
<li><strong>What is it?</strong>: n8n is a workflow automation platform that can be configured to provide AI-powered chat functionality.</li>
<li><strong>What data is sent</strong>: 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.</li>
<li><strong>When data is sent</strong>: Data is only sent when a user actively engages with the chat widget by opening it and sending messages.</li>
<li><strong>Terms and Privacy</strong>: 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:
<ul>
<li><a href="https://n8n.io/legal/terms/" rel="nofollow ugc">n8n Terms of Service</a></li>
<li><a href="https://n8n.io/legal/privacy/" rel="nofollow ugc">n8n Privacy Policy</a></li>
</ul>
</li>
</ul>
<p>Note: You are responsible for ensuring that your use of n8n complies with all applicable laws and regulations regarding user data and privacy.</p>


Alternatives to n8n Chat Widget

Top alternatives