N8N Chat UI for WordPress

Why add N8N Chat UI to WordPress

A chat widget lets a visitor get an answer immediately instead of filling out a contact form and waiting for an email back. This plugin connects your WordPress site to a widget backed by an n8n workflow you already built — a customer support chatbot, a lead-gen bot, or anything else your workflow handles.

Point it at a managed widget with just your Widget ID, or your own self-hosted n8n webhook — see standalone vs. managed widgets if you're not sure which fits. Either way, nothing is pasted into a template file and no developer time is needed.

Installation

1. Upload the n8n-chat-ui-widget folder to /wp-content/plugins/, or install the ZIP from Plugins > Add New > Upload Plugin.
2. Activate the plugin.
3. Go to Settings > N8N Chat UI, enter your Widget ID (or, for a standalone widget, the n8n webhook URL) and click Save Changes.

Your Widget ID is the last part of the embed URL shown in your N8N Chat UI dashboard: https://proxy.n8nchatui.com/api/embed/YOUR-WIDGET-ID.

Standalone widgets

Running a standalone widget that talks to your own n8n workflow? Enter the n8n webhook URL instead and pick the button colour, size, window title and welcome message from plain fields. Since the webhook is exposed directly, it's worth reading how to secure your n8n chatbot — CORS and Allowed Origins in particular.

Hiding the widget on specific pages

The widget shows on every page by default. Add one entry per line under Settings > N8N Chat UI → Exclude pages to hide it somewhere:

• /checkout — a URL path
• /blog/* — a path with a wildcard
• contact — a page or post slug
• 42 — a page or post ID
• home — the front page

Or open the page in the editor and tick “Hide chat widget on this page” in the sidebar.

Prefer not to install a plugin?

If you'd rather skip WordPress plugins entirely, our guide on adding a free chat widget to WordPress without a plugin walks through pasting the widget script directly into your theme.