Add Open New Tab to Open an External Website

To me, this is a no-brainer. I don’t get why Bubble doesn’t have this option.

image

Yes, I know there is a workaround, however, it is inconvenient.

There are many cases where if a user clicks a button or an icon, I want them to navigate to another website in another tab. It’s easiest to do this through a workflow element.

It’s weird stuff like this that makes me recommend Bubble to people with a BIG warning.

2 Likes

There’s a plugin you can use for free, I believe it’s called “URL Actions”… it adds a new workflow action called “Open URL in new tab”

Try it out, it should work for your use case.

Tal
Learn Bubble @ Nocodify

1 Like

Hey @leehaber, basically you can use Link element

Regards EzCode Team !

2 Likes

There is actually a logical reason for this. When using the plugin it doesn’t work when the user has a popup blocker that way.

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
2 Likes

Use HTML element instead and use target="_blank" on an href to pop a new tab.

<a href="Current cell's Get Google Shopping Products shopping_result's link" target="_blank" rel="noopener noreferrer"><img src="Current cell's Get Google Shopping Products shopping_result's thumbnail"/></a>

<script>
.product-image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
</script>

<a href="Current cell's Get Google Shopping Products shopping_result's link" target="_blank" rel="noopener noreferrer"><img src="Current cell's Get Google Shopping Products shopping_result's thumbnail" class="product-image-center" height="120" width="120" /></a>
1 Like

Workflow
Plugins / Run Java Script
Add Term: window.open(‘link’,‘blank’)

Here’s the link to the plugin - Open URL In New Tab Plugin | Bubble

Quick tip, make sure to give each icon, element, etc their own “ID Attribute”.

Hi! We just shipped the ability to open a page in a new tab on our native page navigation actions. Learn more: Open in a new tab for page nav actions