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.

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 …

BooPixel AI Chat Connect for n8n vs n8n Chat Widget