I’m facing an issue with one of my clients, and I need a quick and effective solution.
Initially, I hosted n8n on Google Cloud, where I set up a RAG flow that integrated directly into a WordPress website. To make it work, I simply used a Webhook and displayed it inside an iframe, and everything was working fine.
The problem started when the system crashed because my client uploaded too many documents at once. To resolve this, I decided to migrate everything to n8n Cloud, assuming it would be a more stable solution.
However, now that I’m trying to embed the flow back into the website using the same method (Webhook + iframe), it’s no longer working as it did before.
Additionally, my client doesn’t want to implement the agent as a chat bubble, so I’m looking for an alternative solution that’s both effective and fast.
If anyone has experience with a similar case or can suggest a solution, I’d greatly appreciate your help.
Most likely your iframe is getting blocked by CORS.
One option is to shift the traffic going to n8n cloud into a reverse-proxy that accepts traffic under the same domain as the rest of the application (nginx can work for this), so that, from the browser’s perspective, all of the content is coming from the same domain.
Thanks for the suggestion! I understand that setting up a reverse proxy with Nginx can solve the CORS issue. However, since I’m using n8n Cloud, I can’t install Nginx directly on the same environment.
Would it be possible to set up a reverse proxy on a separate server to route traffic to my n8n Cloud instance? If so, what would be the best approach for that?
Alternatively, if there’s a simpler solution to bypass the CORS issue when embedding n8n Cloud in an iframe, I’d be grateful for any recommendations.