Embedded Chat Trigger Node cross domain error CORS

Questions
1

I’m trying to embed my n8n AI-powered chatbot directly into a WordPress Elementor page (Regional Innovation Booster - EIT Regional Innovation Scheme) as a fixed, non-popup iframe.
I enabled Hosted mode in the Chat Trigger node and expected the URL https://convert-leads.app.n8n.cloud/webhook/ff079280-278b-46ff-a274-f96187a89c31/chat to serve a full web UI that I could embed via

2

Hey, to avoid CORS errors (especially if you are using n8n Cloud) you can use a plugin such as this, which doesn’t embed at all, but talks to n8n via webhooks:

You can simply add this to the html (the CDN install option):

<link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />
<script type="module">
	import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';

	createChat({
		webhookUrl: 'YOUR_PRODUCTION_WEBHOOK_URL'
	});
</script>