AI Website Chatbot with Langflow Backend & Custom Branding

This n8n workflow creates a fully functional AI chatbot for websites by integrating the n8n Chat widget frontend with a Langflow backend. It triggers on incoming chat messages via webhook, sends the user input to a Langflow flow for AI processing, extracts the response, and returns it to the chat interface. Sticky notes guide customization of the widget's appearance, welcome messages, and language.

Key benefits include rapid deployment of intelligent chatbots without deep coding, leveraging Langflow's visual low-code AI tools for complex logic like conversation handling or integrations with LLMs. It saves significant development time compared to building from scratch, enabling non-technical users to add AI support to sites.

Ideal use cases: customer support on e-commerce sites, lead generation through interactive Q&A, FAQ handling, or personalized user engagement. Customize for branding by editing the JavaScript snippet for titles, placeholders, and initial messages. Setup requires only swapping Langflow URL/Flow ID and webhook URL into your site.