How To Add An Email Link In Elementor – 2 Different Methods

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Years back, I learned the trick to add an email link in WordPress. But then Elementor arrived, and many people started asking…

How to add an email link in Elementor? There are two ways to add an email link in Elementor:

  1. Using the Text Editor widget, and
  2. Using any other widget that has the Link field.

Let’s see each of these methods now.

Video Tutorial

Download Website Builders’ Toolbox

If you prefer written tutorial, please keep reading.

Method 1: Adding An Email Link In Elementor Using Text Editor Widget

To add an Email Link in Elementor using the Text Editor Widget follow the below steps.

First, edit the page with Elementor on which you want to place the email link.

Then, drag-and-drop the Text Editor widget on the page.

Elementor Add Text Editor Widget

Type the text on which you want to create the link, and select it. Then create a hyperlink on that text, and type the following in the Link field: mailto:[email protected]

In the below image you can see that I have created a hyperlink on the text “Email Me” and set the link to mailto:[email protected]

Elementor Add Email Link To Text Editor Widget

Now, if someone clicks on this link, the default email application on their machine will open up with the email address [email protected] populated in the Send To field.

That’s it. That was the first method.

Now let’s take a look at the second method.

Interesting Further Reading:

Method 2: Adding An Email Link In Elementor Using Widgets That Have The Link Field

For this example, let’s use the Button widget.

Drag-and-drop the Button widget on the page.

Elementor Add Button Widget

Then, in the Link field, enter mailto:[email protected] and click the Update button.

Elementor Add Email Link To Button Widget

That’s it!

Now, if someone clicks the button, the default email application on their machine will open up with this email address set in the Sent To field.

You can do this for any widget that has the Link field, like the Heading widget, Icon widget, etc.

To Wrap Up

You just learned how to add an email link in Elementor using two different methods.

Just follow any one of these two methods as per your needs.

And if you found this tutorial useful, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *