How can I convert a text into an email link in Webflow? I have tried enabling the link element and entering my email address in the email field, but when I click the link, it only opens a new empty tab named 'Untitled'. Please help me resolve this.
- Use Webflow's "Email" link type and ensure the address starts with mailto: (e.g., mailto:youremail@example.com).
- Publish the site to test the link properly, as preview mode may not reflect correct behavior.
You're trying to create a clickable email link in Webflow, but it's opening a blank tab instead of launching the user's email app. This typically means the link was not formatted correctly as a mailto link.
1. Use the Correct Link Format
Select the text element or link block you want to use as an email link.
In the Element Settings panel (right-hand side), locate the Link Settings.
Set the Link Type to "Email".
In the email field, enter your address prefixed by mailto: — for example:
mailto:youremail@example.comWebflow should automatically add mailto: when using the Email option, but double-check that it didn’t get removed or altered.
2. Test in Preview Mode or Published Site
- Preview mode inside Webflow sometimes doesn't fully simulate link behavior.
- Publish the site and test the email link on the live domain or staging domain.
- Clicking the email link should now open the default mail client (e.g., Outlook, Gmail, Apple Mail) with a new message window pre-filled with your email address.
3. Avoid Using External URL Link Type
- If you used the "URL" link type instead of "Email", and only typed
youremail@example.comwithout the mailto: prefix, it would open a blank tab because browsers treat it as a web URL. - Always use either the "Email" link type or make sure your URL starts with mailto:.
Summary
To make an email link work in Webflow, use the "Email" link type and ensure the link is formatted as mailto:youremail@example.com. Avoid using plain text or external URLs without the proper prefix to prevent blank tabs from opening.