For n8n workflow builders

The chat widget for your
n8n workflows

Embed a branded chat widget on any website in 60 seconds. Connects to your n8n webhook. No code, no server.

Embed snippet Customize on n8nchatui.com ↗

<script src="https://cdn.n8nchatui.com/v1/embed.umd.js"></script>
<script>
  window.Chatbot.init({
    n8nChatUrl: "YOUR_N8N_WEBHOOK_URL",
    theme: {
      chatWindow: {
        title: "My Assistant",
        welcomeMessage: "Hi! How can I help you today?",
        backgroundColor: "#ffffff",
        botMessage: { backgroundColor: "#f36539", textColor: "#ffffff" },
        userMessage: { backgroundColor: "#fff6f3", textColor: "#050505" },
        textInput: { sendButtonColor: "#f36539" }
      },
      button: { backgroundColor: "#ff6a3d" }
    }
  });
</script>

What you get

Fully branded

Match your colors, fonts, and logo. Looks like yours, not ours.

Any n8n workflow

Point at any webhook. AI, RAG, tools, databases — all supported.

Works everywhere

Wordpress, Shopify, Webflow, Framer, plain HTML. One paste.

Inline style

Try it live — inline

Embeds directly into your page. Great for dedicated chat pages, docs, or internal tools.

Common uses

Customer support bot

Lead qualification

Docs Q&A with RAG

Internal team assistant

Booking & scheduling

Product recommendations

Ready to embed?

Build and configure your widget on n8nchatui.com

Continue to n8nchatui.com ↗

The chat widget for yourn8n workflows