How to Add Clickable Email Address to WordPress Posts and Pages

Add clickable email address to WordPress posts

Do you want to add clickable email address to WordPress posts? There are many websites which add a link to their email address so that their readers can directly send an email from their website.

Are you thinking about the same? Adding a clickable email address can help your readers to reach quickly to your inbox.

It is used mostly on the websites which have a support forum or they’re selling something like the web hosting, plugins, themes etc.

It can also be any product. You can add a link to your email address using the simple tricks.

Use The Link Button From The WordPress Post Editor

You add links to your blog posts or any external website. As you know, there is a button in the WordPress post editor using which, you can link any text to other resources.

You have to use the same with a little bit of twist.

For linking to any website or a specific post, you add the “http:// or https://” as the prefix for the URL.

To make an email address clickable, you have to replace the prefix with “mailto:”.

For example, the URL is

http://www.yoursite.com

It is linked to a text say “your call”. How would that look after changing the prefix?

mailto:[email protected]

Isn’t that simple? You can do that with any text or by showing your email address. You can make it as a link and your readers will be able to use it to send an email directly from your website only.

clickable email address

You can add clickable email address to WordPress posts and pages. Most of the time, you will find it on the support page or in the footer of the website.

How to Manually Add a Link to Your Email Address

You may require adding a clickable email address in the sidebar of your website. For that, you would require using the basic HTML coding.

I hope you already know how to create a link using HTML.

<a href=”URL”>Text</a>

This is the link tag we use in HTML to make a link. URL is the source of to which the text will be redirected.

For an email address, the same formula will be applied. You have to change the prefix of the URL.

Let me show you how.

<a href=”mailto:[email protected]”>Contact Us</a>

Use such HTML code in a text widget and add it to the sidebar or the footer of your website. The choice is yours.

Don’t forget to use your own email address and the text you want to display.

Isn’t so Easy to Add Clickable Email Address to WordPress Posts

Though if you’re using your email address for all the places then it’s not recommended to show it on your website because it will tend to receive so many spam emails.

It maybe because of the bots or the humans who regularly try to seek for the email addresses and send promotional emails. You can also add clickable phone numbers if you want.

But if you’re creating a special email address only for this purpose then it’s good to add a clickable email address to WordPress posts and pages.

If you have any doubt, feel free to clear it.

You can also connect with us on Twitter, LinkedIn, and Facebook.

by Ravi Chahar

A WordPress Professional and a LinkedIn influencer. A coder by passion and a blogger by choice. WordPress theme development is what he can rock with. He is your WordPress guy who will teach you how to solve WordPress errors, WordPress security issues, theme development, design issues and what not.

5 comments

  1. Hi Ravi,

    What a miracle! I just saw your post link on Facebook and immediately came here. The main reason for my visit is that, today I too published a similar content on my blog.

    Informative post. The tips you shared are really valuable for the bloggers.

    Have a nice week ahead.

    1. Hey Manoj,

      We just clicked.;)

      It’s good to see that you’re providing some effective tips to your readers. People really need to learn about these simple things.
      I am sure, you’re going to publish more informative articles.
      Thanks for stopping by.
      ~Ravi

  2. That sounds so obvious, but I couldn’t figure it out until I read your post! Thanks for explaining how to set the email links in such a straightforward manner, very helpful especially to people like us who are just starting to figure all this wordpress stuff out!

  3. Hi Ravi, Excellent article that gives a simple solution to a common problem. For those who want to make it easy to contact them via email, you just gave them the simplest solution.

    Sharing this article widely.

    1. Hey Carolyn,

      There are many people who are seeking for the easy to do tutorials but don’t find any. I am here to help them and make them learn about the techie things easily.
      Thanks for stopping by.
      Enjoy your day.
      ~Ravi

Leave a Reply

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