N8N Chat UI
n8n logo
npm / n8n Node

N8N Chat UI as an n8n Node

Two purpose-built nodes that replace the hand-built webhook/Set/IF/Respond-to-Webhook chain most N8N Chat UI workflows start with.

View on npm
npm install n8n-nodes-n8nchatui

Requirements

  • Self-hosted n8n — this is an unverified community node, not yet available on n8n Cloud
  • Installed via n8n's Community Nodes flow (Settings > Community Nodes)

What you get

n8nChatUI Trigger node
A webhook trigger that authenticates incoming widget messages (No Auth, Basic Auth, or JWT Auth) and emits a normalized message, sessionId, and pageUrl.
n8nChatUI Respond node
Sends your reply straight back to the widget's pending request, with up to 4 suggested-reply buttons — no manual Respond to Webhook wiring.
Matches your widget's auth setting
Basic Auth and JWT (HS512) credentials mirror the three "Configure Authentication For Your Webhook" options in the widget builder, stored encrypted as real n8n credentials instead of plain workflow parameters.
Drop-in replacement
Built to replace the webhook/Set/IF/Respond-to-Webhook chain used in N8N Chat UI's own recipes, like the ActiveCampaign lead-capture workflow.

Why a dedicated n8n node

Most N8N Chat UI workflows start with a Webhook node wired through a Set, an IF, and a Respond to Webhook node just to authenticate and reply to widget messages by hand. This package replaces that chain with two purpose-built nodes: n8nChatUI Trigger and n8nChatUI (Message → Respond).

This is for wiring N8N Chat UI's own widget specifically. If you're using n8n's built-in Chat Trigger node instead, see our n8n Chat Trigger node guide instead — or our guide to @n8n/chat, n8n's own embeddable chat widget, if you're comparing options.

Installation

Published on npm as n8n-nodes-n8nchatui. As an unverified community node it currently installs on self-hosted n8n only, through the manual community-nodes flow — not directly on n8n Cloud.

  1. In n8n, go to Settings > Community Nodes > Install, enter n8n-nodes-n8nchatui, and confirm the “I understand the risks” prompt — see n8n's community nodes guide.
  2. Or install it directly: npm install n8n-nodes-n8nchatui.
  3. Add the n8nChatUI Trigger and n8nChatUI nodes from the node panel.

Setting it up

Add an n8nChatUI Trigger node and set its Authentication to match whatever your widget's “Configure Authentication For Your Webhook” setting is — None, Basic Auth, or JWT Auth. See how to secure your n8n chatbot for why that setting matters.

Set Respond to Using 'Respond to n8nChatUI' Node, then add an n8nChatUI node downstream with Message → Respond, and connect it back. Fill in Text and up to 4 Suggested Replies.

Not yet on n8n Cloud

This is an unverified community node, so it currently only installs on self-hosted n8n. n8n Cloud support depends on n8n's own community node verification process.

Related

Blog

n8n Chat Trigger Node: The Complete Guide

Master the n8n Chat Trigger node: every setting explained, response modes, session IDs, file uploads, allowed origins, hosted vs embedded chat, and the Chat response node.

Blog

@n8n/chat: The Complete Guide to n8n's Chat Widget

Everything you need to work with the @n8n/chat package: every createChat option explained, CSS variables, metadata, React and Next.js setup, and fixes for the most common errors.

Blog

How to Secure Your n8n Chatbot

A step-by-step guide to securing your n8n chatbot with authentication, domain restriction, geofencing, and rate limiting, with no code required.

Blog

Standalone vs. Managed Chat Widgets for n8n

A clear breakdown of the two widget modes available on n8nchatui.com: how they differ, what each one offers, and which one fits your use case.

Ready to bring this to your site?

Start free with 100 credits, no card required. A secure, branded chat widget for your n8n workflow, live in minutes.

Start building free