Title: n8n Chat Widget Author: Farhan Srambiyan Published: 16 juni 2025 Last modified: 19 juni 2025 --- Plugins zoeken ![](https://ps.w.org/n8n-chat-widget/assets/banner-772x250.png?rev=3314320) ![](https://ps.w.org/n8n-chat-widget/assets/icon-128x128.png?rev=3312445) # n8n Chat Widget Door [Farhan Srambiyan](https://profiles.wordpress.org/farhansrambiyan/) [Download](https://downloads.wordpress.org/plugin/n8n-chat-widget.1.0.0.zip) * [Details](https://nl.wordpress.org/plugins/n8n-chat-widget/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/n8n-chat-widget/#reviews) * [Installatie](https://nl.wordpress.org/plugins/n8n-chat-widget/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/n8n-chat-widget/#developers) [Ondersteuning](https://wordpress.org/support/plugin/n8n-chat-widget/) ## Beschrijving 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. #### Features * Easily integrate n8n chat workflows into your website * Customizable chat widget appearance: - Choose the widget position (left or right) - Set custom widget title - Change the primary color - Select custom emoji icon or upload SVG icon - Adjust content zoom level (50% – 150%) * Mobile-responsive design * Smooth animations * Lightweight implementation #### Requirements * WordPress 5.0 or higher * n8n with an existing chat workflow ### Configuration 1. **n8n Chat URL**: Enter the full URL of your n8n chat webhook (e.g., `https://n8n. example.com/webhook/your-chat-id/chat`) 2. **Enable Chat Widget**: Toggle to enable or disable the chat widget on your website 3. **Widget Position**: Choose between right or left side positioning 4. **Chat Widget Title**: Set the title that appears in the chat header 5. **Widget Color**: Select a custom color for the widget button and header 6. **Chat Icon**: Choose an emoji or upload an SVG icon for the chat button 7. **Chat Content Zoom**: Adjust the zoom level of the chat content ### External Services This plugin connects to an external service (n8n) to provide chat functionality: #### n8n Chat Service * **What is it?**: n8n is a workflow automation platform that can be configured to provide AI-powered chat functionality. * **What data is sent**: 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. * **When data is sent**: Data is only sent when a user actively engages with the chat widget by opening it and sending messages. * **Terms and Privacy**: 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: - [n8n Terms of Service](https://n8n.io/legal/terms/) - [n8n Privacy Policy](https://n8n.io/legal/privacy/) Note: You are responsible for ensuring that your use of n8n complies with all applicable laws and regulations regarding user data and privacy. ## Schermafbeeldingen * [[ * Admin settings page ## Installatie 1. Upload the `n8n-chat-widget` folder to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to n8n Chat Widget in the main admin menu to configure ## FAQ ### Can I customize the appearance of the chat widget? Yes, you can customize the widget title, position, color, and icon. You can also adjust the zoom level to make the content larger or smaller. ### Does this plugin work with any n8n chat workflows? Yes, this plugin works with any n8n chat workflow that is publicly accessible via a webhook URL. ## Beoordelingen ![](https://secure.gravatar.com/avatar/18a297c57f21810dac7925300f5ffdd2b1fdb6359e0babfd87e949dee8608127? s=60&d=retro&r=g) ### 󠀁[Excellent Plugin for Automation + Live Chat](https://wordpress.org/support/topic/excellent-plugin-for-automation-live-chat/)󠁿 [Muhammed Fawas](https://profiles.wordpress.org/muhammedfawaas/) 19 juni 2025 I have been using the n8n Chat Widget on a client website and it works perfectly. The setup was easy, and it integrates smoothly with my n8n workflows. It’s helped automate lead collection and FAQs directly through chat, without any coding. The widget looks clean and works well on both desktop and mobile. I also appreciate that the plugin is lightweight and doesn’t affect site speed. It’s a great tool if you’re already using n8n and want to improve user engagement. Highly recommended. Great work by the developer! [ Lees alle 2 beoordelingen ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/) ## Bijdragers & ontwikkelaars “n8n Chat Widget” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Farhan Srambiyan ](https://profiles.wordpress.org/farhansrambiyan/) [Vertaal “n8n Chat Widget” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/n8n-chat-widget) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/n8n-chat-widget/), haal de [SVN repository](https://plugins.svn.wordpress.org/n8n-chat-widget/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/n8n-chat-widget/) via [RSS](https://plugins.trac.wordpress.org/log/n8n-chat-widget/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release ## Meta * Versie **1.0.0** * Laatst geüpdatet **10 maanden geleden** * Actieve installaties **400+** * WordPress versie ** 5.0 of nieuwer ** * Getest t/m **6.8.5** * PHP versie ** 7.0 of nieuwer ** * Taal * [English (US)](https://wordpress.org/plugins/n8n-chat-widget/) * Tags * [chat](https://nl.wordpress.org/plugins/tags/chat/)[customer service](https://nl.wordpress.org/plugins/tags/customer-service/) [n8n](https://nl.wordpress.org/plugins/tags/n8n/)[support](https://nl.wordpress.org/plugins/tags/support/) [widget](https://nl.wordpress.org/plugins/tags/widget/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/n8n-chat-widget/advanced/) ## Waarderingen 5 van 5 sterren. * [ 1 5 ster beoordeling ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=5) * [ 0 4 sterren beoordelingen ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=4) * [ 0 3 sterren beoordelingen ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=3) * [ 0 2 sterren beoordelingen ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=2) * [ 0 1 sterren beoordelingen ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/) ## Bijdragers * [ Farhan Srambiyan ](https://profiles.wordpress.org/farhansrambiyan/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/n8n-chat-widget/)