N8N Chat UI

What is N8N Chat UI?

N8N Chat UI is a no-code designer for chat widgets that connect to n8n workflows. Style the bubble, window, and colors in a visual editor, connect your webhook, and paste one embed snippet into any site. It supports file uploads, voice messages, streaming replies, and a proxy that hides webhook URLs.

Top Features:

• Visual editor: customize bubble, window, colors, and icons with a live preview.
• Rich input: let visitors upload files and record voice messages in the widget.
• Managed widgets: a secure proxy hides webhooks and adds analytics and rate limits.

Use Cases:

• Support bot: put an n8n support assistant on your site that matches your brand.
• Lead capture: collect visitor details through a chat flow and send them to n8n.
• Booking: let visitors book calls through a chatbot tied to your calendar workflow.

Who Can Use N8N Chat UI?

• Agencies: deliver branded chatbots on client websites without writing HTML or CSS.
• Small businesses: add an AI chat assistant to a website in minutes.
• Workflow builders: give n8n workflows a polished front end instead of the default widget.

Pricing

• Free ($0): unlimited widget design, customization, and embedding on any number of websites.
• Credit packs ($10 to $125): 2,500 to 50,000 managed widget messages with analytics and proxy delivery.
• Standalone license (one-time fee): self-hosted widgets with full branding control and an optional updates plan.

Pros and Cons

Pros:

• No coding: design and embed a branded widget by copying one short snippet.
• Free plan: customization and embedding on unlimited sites cost nothing to start.
• Private webhooks: managed mode keeps webhook URLs hidden from public page code.

Cons:

• Credit expiry: managed credits expire after three to twelve months, depending on the pack.
• Narrow fit: the widget only makes sense if your chatbot already runs in n8n.
• Hidden price: the standalone license cost is not listed publicly before sign in.

FAQs:

1) Is it affiliated with n8n?

No, it is an independent product built for n8n users.

2) Do I need to know code?

No, you customize everything visually and paste one embed snippet.

3) What are message credits?

Each credit covers one user message sent through the managed widget proxy.

4) Can I use it for client projects?

Yes, widgets can be embedded on unlimited websites, including client sites.

5) Does it store chat messages?

No, messages go straight to your n8n backend without being logged.