Email Link --> Open New Tab

Design help General
1

I have three email links in my website, and want each of them, when clicked, to open in a new tab. However, I can’t find any way to set it so that a new tab opens.

Any tips on how to make this happen?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

mailto links don’t open windows or tabs, they open the native email client on the device.

3

They can open new tabs if your email client is browser based, there is no setting to make this in a new tab apparently.

1 Like
4

Did you find a solution to this?

5

The browser controls how mailto links are handled.

If you really wanted to, you could;

  • Change your “open email in a new tab” link to a standard link
  • Make it e.g. /email?email=foo@bar.com with a target of _blank ( open in new tab )
  • Create an /email page in Webflow
  • Add custom script to pull the email querystring param
  • Immediately do a redirect to mailto:<whatever email>
  • Display a nice message

That message is important because depending on the browser configuration, some people will see a new tab created and then their mail reader will open. Others will see the new tab created and then replaced with an online email program like GMail.

1 Like
6

You can just add in a Custom attribute to the link in Settings with Name = target and Value = _blank, like this:
Screenshot 2024-03-28 at 10.09.02 AM

1 Like
7

You are amazing, thank you!