Welcome to Flexible Chat! Configure your webhook URL in the settings to get started.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3512907,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3512907,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3510601,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3510601,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3510601,"resolution":"1","location":"assets","locale":"","width":975,"height":1098},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3510601,"resolution":"2","location":"assets","locale":"","width":1084,"height":949},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3510601,"resolution":"3","location":"assets","locale":"","width":1085,"height":703},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3510601,"resolution":"4","location":"assets","locale":"","width":1081,"height":738},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3510601,"resolution":"5","location":"assets","locale":"","width":1087,"height":979},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3510601,"resolution":"6","location":"assets","locale":"","width":1083,"height":480},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3510601,"resolution":"7","location":"assets","locale":"","width":1085,"height":1080}},"screenshots":{"1":"
General Settings - Configure your webhook URL and conversation topics.<\/p>","2":"
Appearance Customization - Change colors, typography, and window dimensions.<\/p>","3":"
Text Customization - Set your chat title, placeholder, and initial bot welcome messages.<\/p>","4":"
Advanced Configuration - Enable streaming, file uploads, persistent history, and custom metadata.<\/p>","5":"
The chat widget active on the frontend, featuring welcome messages and topic selection.<\/p>","6":"
Real-time chat interface showing user messages and streaming bot responses.<\/p>"}},"plugin_section":[],"plugin_tags":[2353,2364,2379,243637,286],"plugin_category":[41],"plugin_contributors":[83562],"plugin_business_model":[],"class_list":["post-290428","plugin","type-plugin","status-publish","hentry","plugin_tags-ai","plugin_tags-chatbot","plugin_tags-live-chat","plugin_tags-n8n","plugin_tags-woocommerce","plugin_category-communication","plugin_contributors-wpdesk","plugin_committers-wpdesk","plugin_support_reps-krzysztofskorupa","plugin_support_reps-rzepsen","plugin_support_reps-sebastianrybacki"],"banners":{"banner":"https:\/\/ps.w.org\/flexible-chat\/assets\/banner-772x250.jpg?rev=3510601","banner_2x":"https:\/\/ps.w.org\/flexible-chat\/assets\/banner-1544x500.jpg?rev=3510601","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/flexible-chat\/assets\/icon-128x128.png?rev=3512907","icon_2x":"https:\/\/ps.w.org\/flexible-chat\/assets\/icon-256x256.png?rev=3512907","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-1.png?rev=3510601","caption":"
General Settings - Configure your webhook URL and conversation topics.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-2.png?rev=3510601","caption":"
Appearance Customization - Change colors, typography, and window dimensions.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-3.png?rev=3510601","caption":"
Text Customization - Set your chat title, placeholder, and initial bot welcome messages.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-4.png?rev=3510601","caption":"
Advanced Configuration - Enable streaming, file uploads, persistent history, and custom metadata.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-5.png?rev=3510601","caption":"
The chat widget active on the frontend, featuring welcome messages and topic selection.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-6.png?rev=3510601","caption":"
Real-time chat interface showing user messages and streaming bot responses.<\/p>"},{"src":"https:\/\/ps.w.org\/flexible-chat\/assets\/screenshot-7.png?rev=3510601","caption":""}],"raw_content":"\n
Do you want to add an AI assistant<\/strong>, customer support bot<\/strong>, or automated live chat<\/strong> to your WooCommerce store or WordPress site?<\/p>\n\n Flexible Chat<\/strong> is a free WordPress AI chatbot plugin that connects a ready-made chat widget directly to your n8n<\/strong> workflows - bring any AI agent or automation you've already built in n8n straight to your frontend, no code required.<\/p>\n\n If you're searching for an n8n chat widget for WordPress<\/strong>, a live chat for WooCommerce<\/strong>, or a no-code AI chatbot plugin<\/strong>, Flexible Chat is built exactly for that.<\/p>\n\n With Flexible Chat you can:<\/p>\n\n Connect any n8n HTTP webhook<\/strong> to a polished frontend chat interface.<\/p><\/li>\n Engage visitors with real-time streaming responses<\/strong>, just like ChatGPT.<\/p><\/li>\n Route conversations by topic before the chat starts.<\/p><\/li>\n Fully customize colors, texts, and behavior - no coding required<\/strong>.<\/p><\/li>\n<\/ul>\n\n Flexible Chat is a frontend<\/strong> only - it has no AI logic of its own. You need your own n8n instance<\/strong> (self-hosted or n8n Cloud<\/a>, a separate service not affiliated with WP Desk) with at least one workflow exposing an HTTP Webhook<\/strong>. Build a basic workflow (Webhook \u2192 AI node \u2192 Respond) in n8n, copy its webhook URL, and paste it into the plugin settings. Without an n8n workflow, the plugin has nothing to connect to.<\/p>\n\n Seamless n8n webhook integration<\/strong> - connect via a simple webhook URL.<\/p><\/li>\n Streaming responses<\/strong> - bot replies appear in real time as they're generated.<\/p><\/li>\n Topic routing<\/strong> - suggest topics (e.g. \"Sales\", \"Support\") and route the chat accordingly.<\/p><\/li>\n File uploads<\/strong> - with strict MIME type security restrictions.<\/p><\/li>\n Message feedback<\/strong> - \ud83d\udc4d \/ \ud83d\udc4e buttons under bot responses.<\/p><\/li>\n Persistent chat history<\/strong> - conversations survive across sessions.<\/p><\/li>\n Custom metadata<\/strong> - send user ID, page URL, or subscription plan to n8n with every message.<\/p><\/li>\n AI disclosure notice<\/strong> - add a compliance reminder below the chat input.<\/p><\/li>\n Works with WordPress and WooCommerce<\/strong> - any page, post, or store page.<\/p><\/li>\n<\/ul>\n\n Brand colors & typography<\/strong> - color pickers with automatic contrast adjustment, adjustable fonts and border radius.<\/p><\/li>\n Custom texts & welcome messages<\/strong> - header, subtitles, placeholders, initial greeting.<\/p><\/li>\n Window & toggle sizing<\/strong> - exact dimensions, small\/normal\/large floating buttons.<\/p><\/li>\n Developer-friendly<\/strong> - CSS variables, class hooks, DI-driven architecture, Vite HMR support.<\/p><\/li>\n<\/ul>\n\n Set up an n8n workflow with a webhook and copy its URL.<\/p><\/li>\n Install and activate Flexible Chat.<\/p><\/li>\n Go to Settings \u2192 Flexible Chat Settings<\/strong>.<\/p><\/li>\n Paste your n8n webhook URL into the General tab.<\/p><\/li>\n Customize colors, texts, and welcome messages.<\/p><\/li>\n Save - your AI chat widget is live!<\/p><\/li>\n<\/ol>\n\n The free version covers a single n8n workflow with full visual customization. For multiple AI agents, advanced visitor targeting, or priority support, check out Flexible Chat PRO<\/strong><\/a>.<\/p>\n\n Upgrade to PRO \u2192<\/strong><\/a><\/p>\n\n Questions? Use the official plugin support forum<\/strong><\/a> on WordPress.org.<\/p>\n\n 100% free core features.<\/p><\/li>\n Built and maintained by the trusted WP Desk<\/strong> team.<\/p><\/li>\n Lightweight, optimized React-based frontend.<\/p><\/li>\n Compatible with the latest WordPress and WooCommerce.<\/p><\/li>\n Actively developed and secure.<\/p><\/li>\n<\/ul>\n\n Learn more about our Use of Data Policy by WP Desk Plugins<\/a>.<\/p>\n\n\n Set up n8n first<\/strong> - have an active instance with a workflow exposing an HTTP Webhook, and copy that URL.<\/p><\/li>\n Upload the plugin files to Activate the plugin through the Plugins<\/strong> menu.<\/p><\/li>\n Go to Settings \u2192 Flexible Chat Settings<\/strong> and paste your n8n webhook URL.<\/p><\/li>\n Customize colors, texts, and welcome messages.<\/p><\/li>\n Save changes - the widget appears automatically.<\/p><\/li>\n<\/ol>\n\n\n Yes, and it's required, not optional. Flexible Chat is a chat frontend for n8n - it has no built-in AI. You need your own n8n instance (self-hosted or Cloud) with a workflow exposing an HTTP Webhook. The plugin sends messages to that webhook and displays the response. If you've never used n8n, you'll need to build a basic workflow there first.<\/p><\/dd>\n Yes, as long as your n8n workflow returns the response in a compatible streaming format. Visitors see the AI typing in real time, reducing perceived waiting time.<\/p><\/dd>\n Yes. Change primary\/background\/text colors and border radius in the settings, or override styling with CSS variables or custom classes for full control.<\/p><\/dd>\n Yes. Send custom metadata - user ID, email, page URL, subscription plan - with every message via a custom JSON payload, so your n8n workflow can personalize responses or integrate with your CRM.<\/p><\/dd>\n Yes. Configure suggested topics (e.g. \"Sales\", \"Support\"); the visitor's choice is sent to n8n to route the chat to the right agent or logic branch.<\/p><\/dd>\n No coding is required for the plugin itself - just paste the webhook URL and configure options in the admin panel. You will need to build at least a basic n8n workflow first, which uses n8n's visual editor rather than code, but does require some familiarity with the tool.<\/p><\/dd>\n The free version covers a single n8n webhook with full visual customization, streaming, topic routing, and file uploads. Flexible Chat PRO<\/strong><\/a> adds support for multiple AI agents\/workflows, advanced visitor targeting, and priority support.<\/p><\/dd>\n Yes. It works on any WooCommerce page - product, cart, checkout, account - the same way as on regular WordPress content. Connect it to an n8n workflow reading order or product data for a WooCommerce live chat backed by your own automation.<\/p><\/dd>\n\n
\u26a0\ufe0f Requires your own n8n instance<\/h4>\n\n
Key features<\/h4>\n\n
\n
Advanced customization<\/h4>\n\n
\n
\ud83d\udee0 Setup (n8n workflow required first)<\/h4>\n\n
\n
Need more automation? Try Flexible Chat PRO<\/h4>\n\n
\ud83d\udcda Documentation & support<\/h4>\n\n
Why choose Flexible Chat?<\/h4>\n\n
\n
\ud83d\udd12 Data use policy<\/h4>\n\n
\n
\/wp-content\/plugins\/flexible-chat<\/code>, or install directly through the WordPress Plugins screen.<\/p><\/li>\n\n
Do I need an n8n account to use this plugin?<\/h3><\/dt>\n
Does it support real-time streaming like ChatGPT?<\/h3><\/dt>\n
Can I change the chat widget colors to match my brand?<\/h3><\/dt>\n
Can I pass user data (like email or user ID) to my n8n workflow?<\/h3><\/dt>\n
Can I ask the visitor what they want to talk about first?<\/h3><\/dt>\n
Do I need coding skills to set this up?<\/h3><\/dt>\n
What's the difference between Flexible Chat and Flexible Chat PRO?<\/h3><\/dt>\n
Can I use Flexible Chat as a WooCommerce live chat widget?<\/h3><\/dt>\n
Where do I report security bugs found in this plugin?<\/h3><\/dt>\n