Create custom chat widgets for your n8n — no code needed

If you've used n8n to build chatbots, you’ve probably noticed the default chat widget is… basic. No styling, no branding, and hard to customize the UI to match your brand/website theme.

So I built a free tool that lets you design your own chat widget — fully customizable, no coding required. Here’s how it works:

1. Design your widget: Customize your widget’s look and behavior in the visual editor—customize almost everything: colors, icons, avatars, welcome messages, fonts, branding etc. When you’re happy, copy the embed script.

2. Connect to n8n: Just paste your n8n webhook URL(from your chat trigger node) into the script.

That’s it! Now add the script to your website. Your widget will appear and start communicating seamlessly with your n8n workflow.

Try it here → n8nchatui.com and let me know your thoughts!

3 comments