Aethonic

<p><strong>Chatics for WP</strong> allows you to embed a beautiful and customizable chat widget on your WordPress website. This chat widget connects directly to your <strong>n8n workflows</strong> through public webhooks, enabling AI chat agents, automation bots, or any conversational logic you build in n8n.</p>
<p>Perfect for:<br />
– AI-powered customer support chat<br />
– Automation-driven assistants<br />
– Chat widgets powered by OpenAI/GPT agents via n8n<br />
– Lead capture & CRM integration (e.g., FluentCRM, Pabbly)<br />
– Email automation<br />
– Trigger external APIs<br />
– Booking assistance via AI<br />
– Workflow orchestration</p>
<p>✨ <strong>Key Features</strong><br />
– Embed any <strong>public n8n webhook</strong> into your site<br />
– Upload custom <strong>SVG or PNG</strong> icon<br />
– Customize <strong>button position</strong> (left or right)<br />
– Set your own <strong>chat title</strong> and <strong>widget color</strong><br />
– Adjust <strong>zoom level</strong> of the chat iframe<br />
– Use <strong>WordPress media uploader</strong> for icon selection<br />
– Default fallback icon included<br />
– Show chatbot only during selected days & working hours<br />
– Clean, customizable, and easy to use<br />
– Translation-ready (with .pot support)</p>
<h3>How to Get Your n8n Chat URL</h3>
<ol>
<li>Set up a workflow in n8n using the <strong>Chat Trigger</strong> node.</li>
<li>Connect it to an AI agent or OpenAI/GPT node.</li>
<li>Enable <strong>“Make Chat Publicly Available”</strong> in the trigger node.</li>
<li>Set mode to <strong>“Hosted Chat”</strong> (recommended).</li>
<li>Copy the Webhook URL and paste into plugin settings.</li>
</ol>


n8n chatbot – Chatics


Highly recommended for anyone who wants a clean, reliable, and easy-to-use chatbot for WordPress!


⭐ Excellent Plugin for n8n Users

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

mifupa

<p>BreznFlow turns n8n workflow JSON exports into interactive, zoomable SVG diagrams inside WordPress. Paste your workflow, and the plugin renders every node with brand-accurate colors, connection lines, and clickable detail panels — directly in your posts and pages.</p>
<p>The plugin was built for mifupa.com, a personal blog where n8n automations are documented regularly. Screenshots get outdated. Embedding the n8n editor is impractical. BreznFlow solves this: one shortcode, one interactive diagram, zero external dependencies.</p>
<h4>Learn more</h4>
<ul>
<li>Website: <a href="https://breznflow.com/" rel="nofollow ugc">breznflow.com</a></li>
<li>FAQ: <a href="https://breznflow.com/faq.html" rel="nofollow ugc">breznflow.com/faq</a></li>
<li>Live demo: <a href="https://breznflow.com/demo.html" rel="nofollow ugc">breznflow.com/demo</a></li>
</ul>
<h4>At a glance</h4>
<ul>
<li>Renders n8n workflow JSON as interactive SVG diagrams with zoom, pan, and click</li>
<li>86 node types with brand-accurate colors and icons (OpenAI, Slack, GitHub, Telegram, and more)</li>
<li>Click any node to inspect its parameters in a detail panel below the diagram</li>
<li>Automatically masks API keys, tokens, and secrets before storage — the raw JSON is never saved</li>
<li>3-step import wizard: paste JSON, configure display, preview and publish</li>
<li>5 built-in themes (Dark, Light, Minimal, Tech, Brezn) plus custom theme import</li>
<li>Shortcode <code>[breznflow id="X"]</code> with 13 attributes for per-instance configuration</li>
<li>Action bar with share, embed, get JSON, and download actions</li>
<li>Standalone embed page for iframe integration</li>
<li>Related workflows by shared node types</li>
<li>View counter and AI detection badges</li>
<li>Zero dependencies — vanilla JavaScript, no external CDN, no tracking</li>
</ul>
<h4>What makes BreznFlow different</h4>
<ul>
<li><strong>No external services.</strong> Everything runs locally inside WordPress. No CDN, no SaaS, no API calls during page loads.</li>
<li><strong>Security first.</strong> Sensitive data (API keys, tokens, secrets) is automatically detected and replaced with <code>[REDACTED]</code> before storage. The raw workflow JSON is never saved.</li>
<li><strong>Real interactivity.</strong> Not a static image — visitors can zoom, pan, and click nodes to see their configuration.</li>
<li><strong>Vanilla JavaScript.</strong> No React, no jQuery, no build step. The renderer is a single JS file that generates SVG elements directly.</li>
<li><strong>Built for real sites.</strong> Running on the developer’s own production sites since version 1.0.</li>
</ul>
<h4>Display modes</h4>
<ul>
<li><strong>Visual</strong> — full diagram with toolbar, detail panel, and action bar</li>
<li><strong>Info</strong> — node counts only (InfoBox summary like “3× HTTP Request, 2× Code”) — no diagram</li>
<li><strong>Compact</strong> — diagram without toolbar or action bar</li>
</ul>
<h4>Theme system</h4>
<p>5 built-in themes: Dark (default), Light, Minimal, Tech, and Brezn. Custom themes can be imported as <code>.breznflow.json</code> files containing 41 CSS color tokens. Themes are selectable globally, per workflow, or per shortcode.</p>
<h4>Node type registry</h4>
<p>86 predefined node types across 10 categories: Triggers, Core Logic, Data Transformation, Databases, Communication, Google, Dev Tools, AI, Storage, and CRM/Marketing. Unknown node types get a deterministic fallback with auto-generated colors — the same unknown type always looks the same.</p>
<h4>Sensitive data masking</h4>
<p>Before saving, BreznFlow runs a two-pass sanitization:</p>
<ol>
<li>All strings pass through WordPress sanitization</li>
<li>Secret detection scans for API keys in URL parameters, sensitive header values (Authorization, Bearer, X-API-Key), and high-entropy condition values</li>
</ol>
<p>A masking log records every redaction with reason and context — visible in the wizard preview.</p>
<h4>Action bar</h4>
<p>Below the diagram, the action bar provides four configurable actions:</p>
<ul>
<li><strong>Share</strong> — article link and anchor link for hash navigation</li>
<li><strong>Embed</strong> — iframe embed code for standalone embedding</li>
<li><strong>Get JSON</strong> — formatted JSON display with file size</li>
<li><strong>Download</strong> — sanitized JSON file download</li>
</ul>
<p>Each action can be enabled/disabled globally, per workflow, or per shortcode. Embed and Download use dual-gate security (global setting AND per-post permission).</p>
<h3>External Services</h3>
<p>This plugin optionally connects to external services only when you explicitly use the “Import from URL” feature in the workflow import wizard.</p>
<h4>Import from URL</h4>
<p>If you choose to import a workflow by pasting a URL instead of uploading or pasting JSON directly, the plugin makes an HTTP request to that URL using WordPress’s built-in <code>wp_remote_get()</code> function.</p>
<ul>
<li><strong>When:</strong> Only when you click the “Fetch” button in the Add Workflow wizard</li>
<li><strong>What is sent:</strong> Only the URL you provide — no WordPress data, no user data, no cookies</li>
<li><strong>To whom:</strong> Whatever server hosts the URL you provide</li>
<li><strong>Privacy policy:</strong> Depends on the server you connect to</li>
</ul>
<p>No data is transmitted automatically. No data is sent during normal page loads or to visitors browsing your site.</p>
<p>For security, requests to private and internal network addresses are blocked: localhost, <code>127.0.0.0/8</code>, <code>10.0.0.0/8</code>, <code>172.16.0.0/12</code>, <code>192.168.0.0/16</code>, and cloud metadata endpoints (e.g. <code>169.254.169.254</code>).</p>


BreznFlow

Display n8n workflows as interactive SVG diagrams with zoom, pan, node details, and automatic secret masking.

n8n chatbot – Chatics vs BreznFlow