hello, i have created a flow, which will trigger from a form submission. The flow works fine.
But I need to embed the form in an iframe in another website.
Now when I am doing that, I am getting a CORS error.
Since X-FRAME-OPTION is set to same origin here.
Is there any option for me to update the origin list for a form?
It looks like your topic is missing some important information. Could you provide the following if applicable.
Depending upon how much control you have over the other website’s web-server, and which server software it is using, you could potentially reverse proxy the entire interaction with the form so that, from the browser’s perspective, it is loaded from the same server (no CORS issues that way).
If, for example, your other website is served by nginx, and you have access to modify the webserver’s config, you could add a location with proxy_pass directive. More info here.
Beware of relative and non-relative references within the UI content. Making this work can be a challenge, even with the iframe wrapped around it. If you do pursue the reverse proxy solution, you may be able to find options to rewrite the url path, change headers, etc. to “fix” the content as it is reverse-proxied. Also do a web search for keywords “n8n subpath” and read a bit before you go too far down this rabbit hole.
Good luck!!