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.

Your email link isn't working because it's missing the mailto: prefix, which tells browsers to open an email client.

1. Add a Proper Email Link

• Select the Text Link element or create one using the + Add panel.
• Make sure the text says the email address (e.g., info@example.com) or any preferred phrase.
• In the Element Settings (gear icon) in the right-hand panel, go to Link Settings.
• Choose "Email" as the link type.
• In the Email Address field, enter your address with no typos (e.g., info@example.com). Webflow will automatically handle the mailto: part for you.
• Or, choose "URL" as the link type and manually enter mailto:info@example.com.

2. Test the Link Behavior

• Publish your site (click the "Publish" button in the top right).
• Open the live (published) version of your site in a new browser tab—not in preview mode.
• Click the email link. It should open your default mail app (e.g., Gmail, Outlook) with a new email draft.

3. Troubleshoot Common Issues

• Empty ‘Untitled’ tab issue typically means the link is missing the mailto: prefix or was set as a regular external URL.
• If using browser apps like Gmail, ensure you have a mail client handler extension installed. In Chrome, check Settings > Privacy and Security > Site Settings > Additional Permissions > Protocol Handlers, and make sure mailto links are allowed to be handled.
• If you're adding a Button element instead of a Text Link, wrap it in a Link Block and apply mailto: logic to the wrapper.

Summary

To create a working email link in Webflow, use a Text Link or Link Block and ensure the href uses the mailto:email@example.com format. Always publish and test on the live site to confirm it works with your browser’s default mail handler.