How to Add a Clickable Email Address in WordPress

Share this

clickable email address

Do you want to show an email address link in WordPress? When clicks, it should open your default mail client to send mail to the connected address.

This is how it looks like,

If you want to know more about our products and services Contact Me on working days. For other inquiries and feedbacks, mail to Support@mywebsite.com

We often see these kinds of links in contact forms. Users can send mails to the connected id with a single click.

To add such a clickable email address on your website, follow these steps.

We usually link to websites with http:// or https:// prefixes. It indicates what kind of protocol the destination website uses. To add email links, replace the above said prefix with mailto: followed by the mail address.

Let us check how it works,

Email Support@mywebsite.com for further assistance

I would like to add this message in the customer feedback form. After entering the email address, select it and click insert link button of your post editor. The system will identify the email link and automatically add mailto: in front of the address.

clickable email address

If you want to show any other text (like Contact me, Customer Care department etc) and not the mail id in the content area, insert the same in Link Text field.

This is the HTML code of our email link,

<a href=”mailto:Support@mywebsite.com” target=”_blank”>Support@mywebsite.com</a>

Do you want to show the same link in a sidebar widget? Then, add a new text widget in the sidebar, type your message along with HTML code of our link.

clickable email address

 

Is it good or bad ?

There are thousands of internet bots, designed to collect email address from the websites and online directories. They can collect your id very easily and send any number of spam mails to it. That is the main drawback of linkable email addresses.

Fortunately, WordPress library contains a couple of useful plugins to protect your email address from the spammers. They will encode or encrypt your id, so robots can’t read them.

Email Address Encoder and PB MailCrypt are popular among them. Email Encoder Bundle is another good option to protect your mail address, phone numbers and even RSS feeds from the prying eyes.


Share this
  • Hi Manoj,

    It’s such an amazing thing to look after. One of the BloggingLove readers asked to link an email address and we decided to write a post about it.
    I am glad to notice that you have the similar interest.
    Keep going.
    ~Ravi

    • Hi Ravi,

      I saw clickable email address in a couple of websites. Since then, I was planning to write on the same. It’s an interesting coincidence that we both published similar posts on the same day and almost similar time.

      Thanks a lot for dropping your comment on my blog.

      Have a nice time ahead.