MARKETPLACE
PLUGINS
OPEN URL IN NEW TAB
Open URL In New Tab logo

Open URL In New Tab

Published October 2024
   •    Updated October 2025

Plugin details

The Open URL In New Tab plugin simplifies the process of redirecting users to external URLs in your Bubble.io applications. With this plugin, you can easily set up dynamic or static URL destinations, open them in new tabs, and make specific elements in your app clickable without the need for complex JavaScript coding.
Whether you are building an app that requires navigation to third-party websites from buttons, images, or other interactive elements, this plugin will ensure a smooth user experience across all platforms and devices.


🔑 𝗞𝗲𝘆 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀:
- 𝗗𝘆𝗻𝗮𝗺𝗶𝗰 𝗨𝗥𝗟 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴: Easily specify URLs as dynamic values or static links, depending on your app’s needs.
- 𝗘𝗹𝗲𝗺𝗲𝗻𝘁 𝗧𝗮𝗿𝗴𝗲𝘁𝗶𝗻𝗴 𝗯𝘆 𝗜𝗗: Make any element in your app clickable by assigning an element ID, ensuring flexibility in user interactions.
- 𝗢𝗽𝗲𝗻 𝗶𝗻 𝗡𝗲𝘄 𝗧𝗮𝗯: Enable the option to open links in a new browser tab for an improved user experience.
- 𝗣𝗼𝗽𝘂𝗽 𝗕𝗹𝗼𝗰𝗸𝗲𝗿 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴: The plugin ensures popups are handled safely even if the browser blocks them, with clear messaging for the user.
- 𝗠𝘂𝗹𝘁𝗶-𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗮𝗻𝗱 𝗠𝘂𝗹𝘁𝗶-𝗣𝗹𝗮𝘁𝗳𝗼𝗿𝗺 𝗦𝘂𝗽𝗽𝗼𝗿𝘁: Full compatibility with all major browsers (Chrome, Firefox, Safari, Edge) and devices (desktop, mobile, tablet).
- 𝗖𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲 𝗘𝗹𝗲𝗺𝗲𝗻𝘁 𝗜𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝗼𝗻𝘀: Add clickable actions to any HTML element, such as buttons, images, or text, without altering your existing design.

➡️ 𝗗𝗲𝗺𝗼: https://open-url-in-new-tab-plugin.bubbleapps.io/version-test

Free

For everyone

stars   •   0 ratings
12 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

bubblebox logo
bubblebox
Joined 2024   •   2 Plugins
View contributor profile

Instructions

❓𝗛𝗼𝘄 𝘁𝗼 𝗦𝗲𝘁 𝗨𝗽
1️⃣ 𝗦𝘁𝗲𝗽 𝟭: 𝗜𝗻𝘀𝘁𝗮𝗹𝗹
Download the plugin from the Bubble.io Marketplace and install it in your app.

2️⃣ 𝗦𝘁𝗲𝗽 𝟮: 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗲 𝘁𝗵𝗲 𝗔𝗰𝘁𝗶𝗼𝗻
In the workflow editor, add the "Open URL In New Tab" action. Enter your desired URL, and optionally, specify an element by its ID if you want to make that element clickable.

3️⃣ 𝗦𝘁𝗲𝗽 𝟯: 𝗥𝘂𝗻 𝘁𝗵𝗲 𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄
Trigger the action in your app’s workflow. You can choose whether to open the link immediately in a new tab or only when the specified element is clicked.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Containers   •   Media   •   Small Business

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble