wpdesk

<p>★★★★★</p>
<h3>The best way to connect AI chatbots to WordPress and WooCommerce</h3>
<p>Do you want to add an AI assistant, customer support bot, or automated chat to your WooCommerce store or WordPress site?<br />
The <strong>Flexible Chat</strong> plugin lets you:</p>
<p>– Seamlessly connect any n8n HTTP webhook endpoint to a beautiful frontend chat interface.<br />
– Engage users with real-time streaming responses (like ChatGPT).<br />
– Route conversations effectively by asking visitors to select a topic before chatting.<br />
– Fully customize the chat appearance, colors, texts, and behavior without any coding.</p>
<h3>Key features</h3>
<p>– <strong>Seamless Webhook Integration:</strong> Connects instantly to your n8n workflows via a simple webhook URL.<br />
– <strong>Streaming Responses:</strong> Show bot responses in real-time as they are being generated for a faster, more engaging user experience.<br />
– <strong>Topic Routing:</strong> Suggest conversation topics (e.g., “Sales”, “Support”) and send the selected topic to your backend to route the chat to the right AI agent.<br />
– <strong>File Uploads:</strong> Allow users to share files and images, with strict MIME type security restrictions.<br />
– <strong>Message Feedback:</strong> Enable 👍 / 👎 buttons under bot responses so users can rate the AI’s answers.<br />
– <strong>Persistent Chat History:</strong> Remember conversation history across sessions so users don’t lose context when navigating your site.<br />
– <strong>Custom Metadata:</strong> Send advanced context data to n8n with every message (e.g., user ID, current page, or subscription plan) using a custom JSON payload.<br />
– <strong>Compliance Notice:</strong> Add an AI disclosure or privacy reminder right below the chat input.</p>
<h3>Advanced Customization</h3>
<p>– <strong>Brand Colors & Typography:</strong> Built-in color pickers for primary colors, backgrounds, and text, with automatic contrast adjustments. Adjust font sizes and border radius to match your theme.<br />
– <strong>Custom Texts & Welcome Messages:</strong> Tailor the window header, subtitles, input placeholders, and initial bot greeting messages.<br />
– <strong>Window & Toggle Sizing:</strong> Adjust the exact width and height of the open chat window, and choose between small, normal, or large floating toggle buttons.<br />
– <strong>Developer Friendly:</strong> Fully restyle the widget using CSS custom properties (variables) or deterministic class hooks. Features a DI-driven architecture and Vite dev-server support for local HMR.</p>
<h3>🛠 Easy setup – no coding required</h3>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Flexible Chat Settings</strong>.</li>
<li>Paste your n8n Webhook URL in the General tab.</li>
<li>Customize your colors, texts, and welcome messages.</li>
<li>Save changes – and your chat widget is live!</li>
</ol>
<h3>📚 Documentation & Support</h3>
<p>If you have questions or need assistance, please use the <a href="https://wordpress.org/support/plugin/flexible-chat/" rel="ugc"><strong>official plugin forums</strong></a> at WP.org.</p>
<h3>Why choose Flexible Chat?</h3>
<p>– 100% free core features.<br />
– Built and maintained by the trusted WP Desk team.<br />
– Highly optimized, lightweight React-based frontend.<br />
– Compatible with the latest WordPress and WooCommerce versions.<br />
– Actively developed and secure.</p>
<h3>🔒 Data use policy</h3>
<p>Learn more about our <a href="https://wpdesk.net/use-of-data-policy/" rel="nofollow ugc">Use of Data Policy by WP Desk Plugins</a></p>
<p>Download it for free today and bring powerful automation directly to your WordPress frontend!</p>


Flexible Chat

Meet Flexible Chat. A lightweight, fully customizable bridge between your WordPress site and your n8n AI workflows.

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>


n8n Chat Widget

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

Flexible Chat vs n8n Chat Widget