How to open a link in a new tab in Webflow?

Opening external links in a new browser tab keeps visitors on your site while letting them view linked content. Webflow makes this a simple toggle in the link settings.

Opening Links in a New Tab

Select any link element — a text link, button, or image wrapped in a link block. Click the settings icon (gear) next to the link URL field. In the link options, enable Open in new tab. This adds target="_blank" to the link's HTML, which tells the browser to open the destination in a new tab.

When to Use New Tab Links

Use this setting for external links that direct users away from your site — social media profiles, partner sites, or external resources. For internal navigation, keep links opening in the same tab. Opening internal pages in new tabs disrupts the browsing experience and breaks the back-button flow.

Setting Multiple Links at Once

If you have many external links across your project, you'll need to update each one individually — Webflow doesn't offer a bulk setting for link targets. For CMS-rich text links, the same toggle is available when editing the link inside the rich text field.

Security Consideration

Links with target="_blank" should include rel="noopener" to prevent the newly opened page from accessing your site's window object via JavaScript. Webflow adds rel="noopener noreferrer" automatically when you enable the new tab option, so no manual configuration is needed.

This is a small detail that improves both user experience and security with essentially zero effort.