Linking from n8n to Bubble causes app to fail loading

Need help
1

Hello.

I’ve built an n8n app and it does some data processing. Afterwards, I’m displaying a simple page linking to my bubble app so I basically move away from n8n. It’s an tag with `target=”_blank”` so it opens in a new tab.

If I click this button, I get some CORS errors (see screenshot) but if I simply copy and paste the URL in a new tab, things open just fine.

Screenshot 2025-11-06 at 01.16.55

Any idea how to fix this? It’s not a problem in n8n, as the link generation is correct, and it’s not a problem with my bubble app alone since the link works perfectly fine. This only happens if I link to my bubble app from an external source.
2

What do you mean by link from an external source? A user clicks a URL from within the n8n workflow or are you running your Bubble app in an iframe?

3

Inside your data_bucket which we all send via Internet these are some header witch deal with Origin of the trasfer, thast intefearing in this because the origin of N8N is a different server.

And when copy/past it it work because the origion of trasfer is same as the site.

I suggest use Use a Webhook in bubble.io , when n8n do it things send the Link to bubble.io webhook and save it within user who initiated the process in bubble.io app, when its avaialble open the link within you bubble.io app.

This way, the origion of the link will be same it may solve you issue.

4

@ihsanzainal84 no, it’s not an iframe. n8n generates a “web page” (rendered HTML and use it as response using the Respond to Webhook node). See screenshot below - this is simply a screen capture of how the page looks like. It renders this tag and the user clicks it, being taken to my bubble app. I previously tried using a 302 redirect but it also failed with the same reason.

Screenshot 2025-11-06 at 09.26.05

@Baloshi69 but won’t this webhook get the same problem as my current approach?
5

You’ll have to ensure that it opens a new browser tab instead of running in an instance within your n8n instance.

6

So yeah, that’s exactly what happens, the link above shown “Click here” opens a new browser tab - it’s simply a `<a href=”my bubble app” target=”_blank”>Click here` - couldn’t be simpler. Still it doesn’t work. I’m clueless as to why.

7

Sounds like a CORS restriction from Bubble. You can try enabling “Allow all origins” in the Bubble app settings or set a specific domain for n8n under API/CORS options.

1 Like
8

Ok I finally figured out the problem: the `target=”_blank”` was somehow causing the browser to “think” that the URL was being loaded from a local file (see the second to last error line where the browser thinks that the request is coming from `null` which is usually from a local file, such as opening an HTML file directly in the browser).

I removed this form the anchor tag and things are working.

2 Likes
9

This topic was automatically closed after 70 days. New replies are no longer allowed.