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.

Carlos Vera

<p><strong>BravesChat</strong> is the bridge between your WordPress site and your <strong>N8N</strong> workflows: connect any AI agent you have built with your visitors, without extra code and in minutes.</p>
<h4>Designed for the N8N community</h4>
<ul>
<li><strong>N8N-ready webhook:</strong> Point BravesChat to your workflow URL and start receiving messages instantly. Supports an authentication token in the header (<code>X-N8N-Auth</code>) to protect your endpoints.</li>
<li><strong>Complete payload on every message:</strong> Each request includes the current message and the user’s unique <code>sessionId</code> — everything your N8N nodes need to maintain conversation context.</li>
<li><strong>Markdown responses:</strong> Your agent’s messages are rendered with rich formatting — bold, lists, links, and code — with no extra configuration.</li>
<li><strong>Conversation history with CSV export:</strong> Browse all sessions from the WordPress dashboard and export them to your CRM, spreadsheet, or database with one click.</li>
</ul>
<h4>Production-ready</h4>
<ul>
<li><strong>Three display modes:</strong> Floating widget, full screen, or mixed — global bubble with full screen on specific pages via a Gutenberg block.</li>
<li><strong>Dark mode admin panel:</strong> Toggle between light and dark theme. Preference is saved per user and restored without flash.</li>
<li><strong>Configurable business hours:</strong> Define when the chat is active and show a custom message outside those hours — ideal if your agent depends on a human in the loop.</li>
<li><strong>Built-in GDPR compliance:</strong> Consent banner that blocks the chat until the user accepts. Montserrat font loaded locally, no external requests.</li>
<li><strong>Full brand customization:</strong> Colors, texts, position, skin, and display mode — all adjustable without touching code.</li>
<li><strong>Reinforced security:</strong> The N8N authentication token travels only on the server — it is never exposed in the page HTML.</li>
<li><strong>WooCommerce compatible:</strong> Works in WooCommerce stores without conflicts, enabling conversational assistance throughout the purchase process.</li>
</ul>
<h4>Session identification with Fingerprinting</h4>
<p>BravesChat generates a unique <code>sessionId</code> per visitor based on browser characteristics (SHA-256 hash), without storing personal data. This allows N8N to maintain conversation context even if the user reloads the page.</p>
<h3>External services</h3>
<h4>N8N Webhook (user-configured)</h4>
<p>This plugin sends chat messages to an N8N webhook URL configured by the site administrator.</p>
<p><strong>What data is sent:</strong> The visitor’s chat message, conversation history, an anonymous session identifier (fingerprint), and the current page URL.</p>
<p><strong>When:</strong> On every message sent by a visitor through the chat widget, but only if the administrator has configured a webhook URL.</p>
<p><strong>Why:</strong> To forward the conversation to the administrator’s N8N workflow for AI processing.</p>
<p>The webhook URL, destination server, and all data processing are fully controlled by the site administrator. No data is sent to any Braves-operated server.</p>


BravesChat

Connect your WordPress site to your N8N AI agent. Professional chat widget with GDPR support, business hours, and full customization.

BooPixel AI Chat Connect for n8n vs BravesChat