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.

BooPixel

<p>BooPixel AI Chat Connect for n8n – AI Chatbot & n8n Automation brings intelligent customer interaction directly to your WordPress website.</p>
<p>Add a modern, lightweight chatbot popup that integrates seamlessly with n8n, allowing you to automate workflows, respond to visitors in real time, collect leads, and connect your chat interface to any external service or AI model.</p>
<p>Perfect for businesses that want to automate customer support, boost conversions, and create smarter interactions using visual, no-code automation.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Fully customizable chat popup</strong> (colors, icons, texts)</li>
<li><strong>Direct n8n Webhook integration</strong></li>
<li><strong>AI-ready</strong>: connect to ChatGPT, Claude, Gemini, Llama, and more (via n8n)</li>
<li><strong>Lightweight, fast, and compatible</strong> with all WordPress themes</li>
<li><strong>Custom Chat Icon</strong>: Upload your own icon for the chat header</li>
<li><strong>Multilingual interface</strong>: English, Portuguese, and Spanish</li>
<li><strong>Settings Management</strong>: Configure API URL and chat settings</li>
<li><strong>Responsive Design</strong>: Mobile-friendly chat interface</li>
<li><strong>Session Management</strong>: Automatic session tracking</li>
<li><strong>Real-time Messaging</strong>: Send and receive messages instantly</li>
</ul>
<h4>What You Can Automate</h4>
<ul>
<li>24/7 AI-powered customer support bots</li>
<li>Sales assistants that send quotes automatically</li>
<li>Integration with external APIs, databases, and web services</li>
<li>Personalized replies using AI via n8n workflows</li>
</ul>
<h4>Why Choose BooPixel AI Chat Connect for n8n</h4>
<ul>
<li>✔ Seamless n8n integration</li>
<li>✔ Modern UI and smooth experience</li>
<li>✔ Perfect for AI-based chat flows</li>
<li>✔ Zero coding needed</li>
<li>✔ Ultra-flexible — works with any tool connected to n8n</li>
<li>✔ Ideal for agencies, freelancers, support teams, and e-commerce</li>
</ul>
<h4>How It Works</h4>
<h3>Frontend Chat Flow</h3>
<ol>
<li>
<p><strong>Plugin Activation</strong>: Once activated, the chat popup automatically appears on your website (bottom-right corner, after 1 second delay)</p>
</li>
<li>
<p><strong>User Interaction</strong>:</p>
<ul>
<li>User clicks the chat popup to open the chat window</li>
<li>Welcome message is displayed</li>
<li>User types a message and clicks “Send”</li>
</ul>
</li>
<li>
<p><strong>Message Processing</strong>:</p>
<ul>
<li>JavaScript generates/retrieves session ID (stored in localStorage)</li>
<li>AJAX request sent to WordPress with message and session ID</li>
<li>WordPress forwards message to your n8n webhook URL</li>
<li>n8n workflow processes the message (AI, database, API calls, etc.)</li>
<li>n8n returns response</li>
<li>WordPress receives response and displays it in the chat</li>
</ul>
</li>
<li>
<p><strong>Response Display</strong>:</p>
<ul>
<li>Bot response appears in chat window</li>
<li>User can continue conversation</li>
<li>Session persists throughout the conversation</li>
</ul>
</li>
</ol>
<h3>Setup Process</h3>
<ol>
<li>Install and activate BooPixel AI Chat Connect for n8n</li>
<li>Configure your n8n webhook URL in the plugin settings</li>
<li>Customize the chat appearance to match your brand</li>
<li>The chat widget automatically appears on your frontend</li>
<li>User messages are sent to your n8n workflow</li>
<li>Responses from your workflow are displayed in the chat</li>
</ol>
<h4>n8n Integration</h4>
<p>BooPixel AI Chat Connect for n8n sends messages to your n8n webhook in the following format:</p>
<pre><code>json
{
  "sessionId": "unique-session-id",
  "action": "sendMessage",
  "chatInput": "user message text"
}
</code></pre>
<p>Your n8n workflow should return a response in this format:</p>
<pre><code>json
{
  "output": "response message text"
}
</code></pre>
<h4>Customization Options</h4>
<ul>
<li>Chat name and welcome message</li>
<li>Primary and secondary gradient colors</li>
<li>Chat background color</li>
<li>Text color</li>
<li>Font family and size</li>
<li>Language selection (auto-detects from WordPress)</li>
</ul>
<h3>Support</h3>
<p>For support, please visit: https://boopixel.com/support<br />
Email: email@boopixel.com</p>
<h3>Credits</h3>
<p>Developed by BooPixel<br />
Website: https://boopixel.com</p>


BooPixel AI Chat Connect for n8n

Connect your WordPress site to n8n workflows for intelligent AI-powered customer service chat automation.

Flexible Chat vs BooPixel AI Chat Connect for n8n