How to add email link in wordpress

New Page

Creating Email Links in WordPress

Sometimes you will need to set up a text link on a post or page which when clicked sets up a blank email to a chosen email address. To do that, follow the following steps.

Note : We don’t recommend linking to emails as spammers often use scripts to harvest websites looking for email addresses. If you’re building links through email, you may see an increase in spam. We recommend that you use a contact form instead.

  1. Open the relevant page or post and select (highlight) the text you want to link to. This can be the actual email address in full, or it can be more general, like “Click here to email us”.Insert/edit link (WordPress) Insert/edit link (WordPress)
  2. Enter  mailto: immediately followed by the email address. There should be no spaces and, as with all email addresses, lowercase letters are recommended.Add an email link with WordPress Add an email link with WordPress
  3. Click the Apply button  (with the arrow)
  4. Publish or update your post or page

Tips and Extras

  • If you select an email address and click the Insert/Edit button, WordPress will automatically add ‘mailto:’Add Email Link in WordPress Add Email Link in WordPress
  • Immediately follow the email link URL with: ?subject=Website%20Enquiry and the new email will receive a subject as specified (use %20 where you would normally use a space).
  • HTML email links do not allow email links sent to multiple recipients (email addresses). However, most contact forms allow multiple recipients.
  • Images can be configured to be linked to an email address in the same way. Click once on the image, then click the Edit Image button. Replace “Link to” with custom URL and enter the email link (as described above).Edit images in WordPress Edit images in WordPress

How to Link to an Email Address in WordPress

Last updated on January 17, 2017 by the editorial team | Reader Disclosure Disclosure : Our content is reader approved. This means that if you click on some of our links, we may earn a commission. Find out how WPBeginner is funded, why it matters, and how you can support us.

Share 194 Fresh Tweet Fresh Facebook Messenger WhatsApp Email

Recently one of our readers asked us how to add an email address in WordPress? Linking to an email address allows users to email you with one click. In this article, we will show you how to link to an email address in WordPress.

How to Link to an Email Address in WordPress How to Link to an Email Address in WordPress

Video tutorial

Subscribe to WPBeginner

Si vous n’aimez pas la vidéo ou avez besoin de plus d’instructions, continuez à lire.

Créer un lien vers une adresse e-mail dans WordPress

Adding a link to an email address is very much like adding other links in WordPress. Take a look at our guide on how to add a link in WordPress.

When adding a link to any other web page, you usually add http:// or https:// followed by rest of the url. For example, http://www.example.com

Add a link in WordPress Add a link in WordPress

Similarly when adding a link to an email address, you need to replace the http part with mailto: prefix followed by the email address you want to link to. Here is a example:

mailto:[email protected]

Here is how you will add it in a WordPress post.

Select the text you want to add the link to and then press CTRL+K (Command+K on Mac) or click on the ‘Insert Link’ button in the post editor.

This will bring up the insert link popup where you need to add your mailto link. Click on the apply button to close the insert link popup.

Add a Link to an Email Address in WordPress Add a Link to an Email Address in WordPress

As you can see in the animation above, we’ve added a link to an email address. WordPress will automatically detect that the text you are trying to link to is an email address and add the mailto: prefix to the email address.

You can add an email link to any text. If the text is not a valid email address, you will need to add your full link. Like that:

Add Email Link to Any Text in WordPress Add Email Link to Any Text in WordPress

How to Manually Add an Email Link in WordPress Using HTML

If you want to add an email link in a text widget or a WordPress theme file, you will need to add the link by writing the HTML code.

Here’s how to add an email link in HTML:

<a href=”mailto:[email protected]”>Email me</a>

Add plain HTML email link Add plain HTML email link

Why should you avoid adding email links in WordPress posts and pages?

The downside of adding an email link is that the email address becomes publicly visible. This allows email-sniffing bots to collect them, meaning you’ll receive tons of spam on those email addresses.

Another downside is that users are less likely to switch apps (from browser to email client) to send email. Most users may not want to use their primary email address to send emails.

You can easily avoid this by adding a contact form instead of adding an email link.

We recommend using WPForms. It is the most beginner-friendly contact form plugin on the market.

Check out our step-by-step tutorial on how to create a contact form in WordPress.

Another way to beat email bots is to encrypt email addresses. Check out our tutorial on how to protect emails from spammers with the WordPress email encoder.

We hope this article helped you learn how to link an email address in WordPress. You can also check out our guide on 14 tips for mastering the WordPress visual editor.

If you liked this article, please subscribe to our YouTube channel for WordPress tutorial videos. You can also find us on Twitter and Facebook.

Share 194 Fresh Tweet Fresh Facebook Messenger WhatsApp Email


Video How to add email link in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…