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.

mateuszflowsystems

<p>Operate WordPress like modern infrastructure — turn any WordPress do_action into a first-class automation trigger your CRMs, n8n flows, AI agents, and internal services can consume.</p>
<p>📖 <a href="https://wpwebhooks.org/docs/" rel="nofollow ugc">Full documentation at wpwebhooks.org/docs/</a></p>
<h4>Core features (free)</h4>
<ul>
<li>Persistent delivery queue with smart retry and exponential backoff — powered by WP-Cron, auto-upgrades to Action Scheduler or System Cron when available, <strong>(Pro)</strong> External Cron for guaranteed reliability</li>
<li>Per-event UUID and ISO 8601 timestamp — enable downstream deduplication</li>
<li>Delivery logs with full attempt history, request/response inspection, replay, and bulk retry</li>
<li>Synchronous execution mode — fire inline without queue delay</li>
<li>Payload mapping — rename, restructure, exclude, and type-cast fields with dot-notation paths</li>
<li>Conditional dispatch — filter events by payload field values before dispatch</li>
<li>HTTP method, custom headers, and URL query parameters per webhook</li>
<li>Dynamic endpoint URLs — <code>{{ field.path }}</code> placeholders resolved at dispatch time (free via <code>fswa_webhook_url</code> filter)</li>
<li>Webhook Chains — wire 2xx completions to downstream webhooks with full observability</li>
<li>Credentials Vault — store reusable auth secrets (Bearer, Basic, API key, custom) encrypted at rest; reference them from webhooks instead of pasting raw Authorization headers. Secrets are write-only over the API — never returned, only a masked hint</li>
<li>Activity History — persistent audit log of every admin and API-token action</li>
<li>Built-in CF7 and IvyForms integrations — structured payloads, no extra plugins</li>
<li>Action Scheduler auto-detection — more reliable delivery on high-traffic sites</li>
<li>Full REST API with scoped API token authentication (<code>read</code> / <code>operational</code> / <code>full</code> / <code>agent</code>) — the <code>agent</code> scope grants full write access for AI assistants while never exposing stored secrets</li>
<li>Developer extensibility — 16 filters and 7 action hooks (<a href="https://wpwebhooks.org/docs/" rel="nofollow ugc">reference</a>)</li>
</ul>
<h4>Pro features</h4>
<ul>
<li>Code Glue — attach PHP snippets to any webhook+trigger (pre-dispatch payload enrichment, post-dispatch side effects)</li>
<li>External Cron — replace unreliable visitor-triggered WP-Cron with a managed external pinger, provisioned automatically on license activation. Two modes: plugin queue endpoint (down to 20 s interval, configurable batch size) or WP-Cron endpoint (60 s, covers all WordPress background work). No server crontab or external dashboard — controlled entirely from wp-admin, with a live heartbeat chart and inline error alerts</li>
<li>Unlimited conditions per trigger with AND/OR groups</li>
<li>Per-webhook retry limit and backoff strategy overrides</li>
<li>Dynamic URL templates — <code>{{ }}</code> syntax with no custom PHP required</li>
</ul>
<p><a href="https://wpwebhooks.org/pricing/" rel="nofollow ugc">See pricing and upgrade <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h4>Examples</h4>
<ul>
<li><a href="https://wpwebhooks.org/examples/cf7-to-webhook/" rel="nofollow ugc">Send Contact Form 7 submissions to a webhook (n8n demo)</a></li>
<li><a href="https://wpwebhooks.org/examples/gravity-forms-webhooks/" rel="nofollow ugc">Send Gravity Forms Submissions to n8n</a></li>
<li><a href="https://wpwebhooks.org/examples/ivyforms-to-webhook/" rel="nofollow ugc">Send IvyForms submissions to a webhook (n8n demo)</a></li>
<li><a href="https://wpwebhooks.org/examples/woocommerce-order-webhook-claude-code/" rel="nofollow ugc">WooCommerce orders to n8n on completion — wired up with a Claude Code agent</a></li>
<li><a href="https://wpwebhooks.org/examples/hubspot-woocommerce-integration/" rel="nofollow ugc">WooCommerce to HubSpot integration — sync orders, contacts, and deals with no custom code</a></li>
</ul>


Webhook Actions by Flow Systems

Turn any WordPress do_action into a first-class automation trigger your CRMs, n8n flows, AI agents, and internal services can consume.

BooPixel AI Chat Connect for n8n vs Webhook Actions by Flow Systems