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.

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 …

BravesChat vs n8n Chat Widget