Introduction

N8N Chat UI is a tool that empowers n8n users to create beautiful, fully customizable chat widgets for their websites.

With N8N Chat UI, you can:

• Instantly generate and embed widgets tailored to your n8n workflows.
• Visually customize every aspect of the chat interface—chat bubbles, colors, avatars, fonts, welcome messages, and more.
• Preview your changes in real time and copy the embed script for seamless integration.
• Enable advanced features like file uploads, custom metadata, and branding options—no coding required.
• Add voice input capabilities for a more interactive experience.

Who is this for?

• Developers building AI agents and chatbots with n8n.
• Indie hackers and startups embedding chatbots into landing pages.
• Agencies and freelancers delivering branded AI-driven tools for clients.
• Anyone seeking a no-code/low-code way to add modern, interactive chat widgets to their site.

This documentation is your go-to resource for configuring, customizing, and extending your chat widgets for advanced usage. Learn how to integrate with custom backend, display rich content with Markdown and HTML, or programmatically control your widget for more dynamic interactions.