How to Create a WordPress Email Link (3 Ways)
Do you want to offer your visitors an easy way to email you? Create a WordPress email link. It’s really easy to link email in WordPress.
The best part is, you don’t need any WordPress email link plugin for this. The default WordPress tools are sufficient to add email links in WordPress.
Why you’d add an email link in WordPress
If you use WordPress, ‘how to add email link’ can be a very basic query that peeps in your mind. But it could be useful for visitors to send you an email right from their favorite email composer. This is why you might want to add a clickable email link to WordPress. Without further ado, let’s see how to do it!
How to link to an email address in WordPress
Whether you’re creating a blog post or a page, you can add an email link in WordPress easily. It can be done from both the classic editor and Gutenberg. Even if you’re using any third-party page builder, the core procedure is the same.
How to link to email in WordPress using the classic editor
Suppose, you want to add a clickable email link to a text. It will work on any text, even for an email address. Think about the text below:
Please feel free to email us and share your feedback.
You can link an email address to the phrase “email us
”. The visitor can click on that text and that will take them to their default email client’s email composer screen. Your predefined email address will be automatically placed into the “to” field.
So, how to insert an email link in WordPress for this example? First, open the desired page in WordPress classic editor. Select the text where you want to hyperlink an email address. Then click the link icon on the text editor toolbar. It will open the link insertion box.
Now we need to add the desired email address in a way so that it can lead to the visitor’s email composer. We’ll just need to add an additional part to the email address.
Assume, our desired email address is [email protected]
. We’ll need to insert this data like this mailto:[email protected]
. So, the additional part is “mailto
:”.
Now, let’s add mailto:[email protected]
to the link box and save changes.
From now on, if anyone clicks this link, that will open their default email client on their device.
If you press Ctrl+K
(or Command+K on
Mac) after selecting the desired text where you want to link the email address, the linking box will appear. So if you want to save some time, use this shortcut to get the link insertion box quickly.
You can also add the mailto link to a link button. This will work with any WordPress theme.
👉 More WordPress Tips: WordPress Admin Slow? Fix Your Slow WordPress Backend Today!
How to link email address in WordPress using Gutenberg
No longer using the WordPress classic editor? A fan of Gutenberg, the WordPress block editor? No problem. You can apply our WordPress link email address tips using Gutenberg as well.
Simply open the page where you want to add the code for email link in WordPress. Then select the text where you want to the add email link. As soon as you select the text, a toolbar will automatically pop up. You’ll get a link icon on that bar.
Click the link icon and enter the email address with the “mailto:” part. (This process is the same for any editor.) So insert mailto:[email protected] as the link. Update the page.
So, creating a WordPress email link is just adding the email address with an additional part as a link to the desired text. You can use this simple formula with popular page builders like Elementor, Divi, and so on. However, if you want to keep a mailto email protected, you can use a redirection method.
Adding WordPress email link with a subject line
Wondering how to link to an email in WordPress with a subject line? Very well. You can predefine a subject line for your visitors so they don’t have to type a subject for the email. Once they click the email link, your predefined subject line will be entered as the email subject in their email client.
To prepopulate a subject line, we need to follow the below formula:
mailto:[email protected]?subject=Business%20Query
Use %20
to add a space between two words.
While creating an email, your visitors will be able to edit the subject line on the email composer. It’s flexible.
Troubleshooting: WordPress email link not working?
Now that you know how to make email link in WordPress. But sometimes if you find that the WordPress email link is not working, don’t panic. Just ensure the following:
- Have you used the correct email link with all the additional characters?
- If you’re using a subject line, have you used the ‘
%20
’ code for ‘spaces’? - Is it clickable on the front-end of the web page? Check out in an incognito window.
- Sometimes, it can be a client-side error. Their email client might not be set up properly.
- You can also provide your contact email address as text. Then the visitors can simply copy that email address and paste it to their email client manually.
- In addition to providing the email address, you can also add a link to a contact form or give a phone number (or a Facebook page) so that visitors can use these to contact you.
👉 Learn More: How to Fix WordPress Not Sending Email Issue (Free Methods)
Wrapping up
In this post, we’ve discussed how to add email link to WordPress. It’s as easy as adding a hyperlink to a text. You can add email link in WordPress using any editor including the block editor and beyond. Also, you can prepopulate a subject line for the mail via the email link. We’ve included some troubleshooting tips as well.
We hope you’ll find this post helpful. Please share your thoughts via comments and stay with us!
Disclaimer: This post may contain affiliate links and we may receive a small commission if you purchase something by following them. However, we recommend services/products that we believe good to serve your purpose.