{"id":234665,"date":"2025-06-16T09:29:56","date_gmt":"2025-06-16T09:29:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/n8n-chat-widget\/"},"modified":"2025-06-19T06:46:07","modified_gmt":"2025-06-19T06:46:07","slug":"n8n-chat-widget","status":"publish","type":"plugin","link":"https:\/\/szl.wordpress.org\/plugins\/n8n-chat-widget\/","author":20867447,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.8.5","requires":"5.0","requires_php":"7.0","requires_plugins":null,"header_name":"n8n Chat Widget","header_author":"farhansrambiyan","header_description":"Add a customizable n8n chat widget to your website frontend","assets_banners_color":"514063","last_updated":"2025-06-19 06:46:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/far.hn\/","rating":5,"author_block_rating":0,"active_installs":400,"downloads":3063,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"farhansrambiyan","date":"2025-06-19 06:46:07"}},"upgrade_notice":{"1.0.0":"<p>Initial release<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3312445,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3314320,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-2.png":{"filename":"screenshot-2.png","revision":3312445,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"The chat widget on the frontend","2":"Admin settings page"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[5707,2368,243637,1104,162],"plugin_category":[41,43],"plugin_contributors":[243638],"plugin_business_model":[],"class_list":["post-234665","plugin","type-plugin","status-publish","hentry","plugin_tags-chat","plugin_tags-customer-service","plugin_tags-n8n","plugin_tags-support","plugin_tags-widget","plugin_category-communication","plugin_category-customization","plugin_contributors-farhansrambiyan","plugin_committers-farhansrambiyan"],"banners":{"banner":"https:\/\/ps.w.org\/n8n-chat-widget\/assets\/banner-772x250.png?rev=3314320","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/n8n-chat-widget\/assets\/icon-128x128.png?rev=3312445","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/n8n-chat-widget\/assets\/screenshot-2.png?rev=3312445","caption":"Admin settings page"}],"raw_content":"<!--section=description-->\n<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>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Easily integrate n8n chat workflows into your website<\/li>\n<li>Customizable chat widget appearance:\n\n<ul>\n<li>Choose the widget position (left or right)<\/li>\n<li>Set custom widget title<\/li>\n<li>Change the primary color<\/li>\n<li>Select custom emoji icon or upload SVG icon<\/li>\n<li>Adjust content zoom level (50% - 150%)<\/li>\n<\/ul><\/li>\n<li>Mobile-responsive design<\/li>\n<li>Smooth animations<\/li>\n<li>Lightweight implementation<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.0 or higher<\/li>\n<li>n8n with an existing chat workflow<\/li>\n<\/ul>\n\n<h3>Configuration<\/h3>\n\n<ol>\n<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>\n<li><strong>Enable Chat Widget<\/strong>: Toggle to enable or disable the chat widget on your website<\/li>\n<li><strong>Widget Position<\/strong>: Choose between right or left side positioning<\/li>\n<li><strong>Chat Widget Title<\/strong>: Set the title that appears in the chat header<\/li>\n<li><strong>Widget Color<\/strong>: Select a custom color for the widget button and header<\/li>\n<li><strong>Chat Icon<\/strong>: Choose an emoji or upload an SVG icon for the chat button<\/li>\n<li><strong>Chat Content Zoom<\/strong>: Adjust the zoom level of the chat content<\/li>\n<\/ol>\n\n<h3>External Services<\/h3>\n\n<p>This plugin connects to an external service (n8n) to provide chat functionality:<\/p>\n\n<h4>n8n Chat Service<\/h4>\n\n<ul>\n<li><strong>What is it?<\/strong>: n8n is a workflow automation platform that can be configured to provide AI-powered chat functionality.<\/li>\n<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>\n<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>\n<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:\n\n<ul>\n<li><a href=\"https:\/\/n8n.io\/legal\/terms\/\">n8n Terms of Service<\/a><\/li>\n<li><a href=\"https:\/\/n8n.io\/legal\/privacy\/\">n8n Privacy Policy<\/a><\/li>\n<\/ul><\/li>\n<\/ul>\n\n<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>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>n8n-chat-widget<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Go to n8n Chat Widget in the main admin menu to configure<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20i%20customize%20the%20appearance%20of%20the%20chat%20widget%3F'><h3>Can I customize the appearance of the chat widget?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='does%20this%20plugin%20work%20with%20any%20n8n%20chat%20workflows%3F'><h3>Does this plugin work with any n8n chat workflows?<\/h3><\/dt>\n<dd><p>Yes, this plugin works with any n8n chat workflow that is publicly accessible via a webhook URL.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Adds a customizable n8n chat widget to your website frontend. It allows visitors to interact with n8n chat workflows directly from your website throug &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/234665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=234665"}],"author":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/farhansrambiyan"}],"wp:attachment":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=234665"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=234665"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=234665"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=234665"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=234665"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=234665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}