How to Make an Email Address Clickable in WordPress

You’ve probably seen clickable email addresses around the web like this, [email protected].

If you click that email address, it will open your computer’s default email client. So how do you add links like this to your WordPress site?

Here’s the easy way to add email links to posts and pages, plus the HTML you can use for menus and widgets.

How to create Mailto: links

UPDATE: Watch my new video tutorial to learn how to add clickable email addresses in the new Gutenberg editor as well as menus and widgets too.

Subscribe to Compete Themes on Youtube

HTML5 introduced some new link types including the special email link or Mailto link. WordPress helps you automatically link email addresses without touching the HTML.

First, type a plain email address into a post or page. Then highlight the email address text and click the link icon in the editor.

screenshot of a link being added to an email address

Alternatively, press cmd+k (ctrl+k) to use the link shortcut.

WordPress will recognize the email address and automatically insert the correct Mailto link for you.

Showing how to add a Mailto link

Just press the enter/return key to add the link and you’re done.

How email links work

When linking to a website, you include “http://” at the beginning. All links require a protocol and “http://” is the hypertext protocol we use for linking to webpages.

Mailto is a different protocol. It’s used when linking to an email address. In practice, you just need to remember to use “mailto:” instead of “http://” when linking to an email address.

The Mailto link HTML

If you’re adding the link to a widget or menu, you won’t have the automatic Mailto link creation that you get in the post editor.

This is how the URL should look when adding an email address link to a menu.

mailto:[email protected]

And here is the complete HTML for a Mailto link.

<a href="mailto:[email protected]">[email protected]</a>

Email links with WordPress

In this post, you learned how to add email links to any part of your site with WordPress by utilizing the HTML5 “Mailto” link.

Making email addresses clickable can make it easier for visitors to get in touch with you. You can even update the links to have a pre-written subject line.

If you have any questions about adding clickable email addresses to your site, please post a comment below.

Take our 7-day Email Course for FREE

You'll learn how to make your WordPress site look better, load faster, and make more money.

Invalid email address
You'll get one email a day for the next 7 days


  1. Diksha Diksha

    Hey authory, thanks for this informative post because i have started working in wordpress and linking with content will helpful for me in future.

  2. Anshik Anshik

    Thanks for such a nice article

  3. NK Patet NK Patet

    it was very helpful. thanks.

  4. Joan Joan

    Short and sweet…I was able to resolve my mailto issue using your very simple tutorial. Thank you!

Comments are closed.

Disclosure: This post may contain affiliate links. Purchasing a product through one of these links generates a commission for us at no additional expense to you.