How to Hide Email Addresses on WordPress Websites to Protect from Bots

Email addresses displayed on websites can easily be harvested by spam bots, which can lead to an increase in spam and unwanted emails. To prevent this, it’s important to take steps to hide email addresses on your WordPress website. In this tutorial, we’ll explore two different methods for hiding email addresses on WordPress websites – using plugins and custom code – and provide step-by-step instructions on how to implement each method. By following these steps, you can help protect your email addresses and keep your inbox free from unwanted spam.

Before proceeding with any customizations in WordPress, it’s essential to set up a child theme. A child theme acts as a safe and efficient way to make modifications without affecting the parent theme. If you haven’t set up a child theme yet, follow this tutorial on How to Create a Child Theme for Customization. It will guide you through the process and ensure that your customizations remain intact even after theme updates.

Option 1: Use a Plugin

There are several plugins available that can help you obfuscate email addresses on your WordPress website. One popular plugin is Email Address Encoder.

To use this plugin, follow these steps:

  1. Log in to your WordPress dashboard and navigate to the Plugins > Add New page.
  2. Search for “Email Address Encoder” in the search bar on the top right-hand corner of the page.
  3. Install and activate the “Email Address Encoder” plugin.
  4. Once the plugin is activated, all email addresses on your site will be automatically encoded and protected from bots.

Option 2: Add Custom Code to Your Theme Files

If you prefer not to use a plugin, you can add the code directly to your WordPress theme files. Here’s an example of how to use JavaScript to dynamically generate an email address in WordPress:

  1. Open your WordPress theme’s functions.php file and add the following code:
function my_email_shortcode() {
	$email = 'contact@example.com';
	return '<span class="email"></span><script>document.querySelector(".email").innerHTML = "' . $email . '";</script>';
}
add_shortcode( 'my_email', 'my_email_shortcode' );
Code language: PHP (php)

  1. This code defines a WordPress shortcode called [my_email] that will generate a span element with a class of “email” and use JavaScript to fill in the email address.
  2. Save the functions.php file and open the post or page where you want to display the email address.
  3. Insert the shortcode into your post or page using the following code: [my_email]
  4. Style the span element to make it look like a regular email address in your theme’s CSS file. For example:
.email {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
Code language: CSS (css)

This will display the email address on the page as “contact@example.com”, but it won’t be visible in the HTML code of the page, which makes it more difficult for bots to harvest the email address.

That’s it! Hiding email addresses on WordPress websites is important to protect them from spam bots. There are several ways to do this, including using plugins or adding custom code to your theme files. The Email Address Encoder plugin is a simple and effective option for most WordPress users. However, if you prefer not to use a plugin, you can use custom code to generate and display email addresses on your site. Either way, it’s important to take steps to protect your email addresses from bots to keep your inbox free of spam.

If you’re interested in an alternative method to protect contact information on WordPress websites, you can check out our tutorial on “How to Protect Email Addresses and Phone Numbers from Spambots in WordPress.” This tutorial demonstrates how to obfuscate contact information using custom code snippets without relying on plugins.

Leave your feedback and help us improve ๐Ÿถ

We hope you found this article helpful! If you have any questions, feedback, or spot any errors, please let us know in the comments. Your input is valuable and helps us improve. If you liked this article, please consider sharing it with others. And if you really enjoyed it, you can show your support by buying us a cup of coffee โ˜•๏ธ or donating via PayPal ๐Ÿ’ฐ.

More free knowledge, because why not?

4 Comments

    • Hi Geoffrey, Thank you for your suggestion! I appreciate you bringing veilMail.io to our attention. It sounds like a useful tool for protecting email addresses behind a form captcha. Out of curiosity, are you affiliated with the development of this tool, or have you had positive experiences using it on your own website? I’m always interested in hearing about practical solutions that enhance online security. If you have any more recommendations or insights, feel free to share them!

      Reply
      • Actually I wrote https://veilmail.io because everytime I used a anchor mail ink tag and put my email address . Email scrapers would just scrape my email address from the site and then send unwanted spam email.

        The nice thing about this free website email protection tool is it makes sure you are human and not a web crawler bot . veilmail hides your website email address behind a form captcha protecting your website email from getting that very annoying spam messages.

        Reply
        • Hi Geoff,

          Thank you for sharing your personal experience and the motivation behind creating veilmail.io. It’s great to hear about the practical challenges you faced and how you proactively addressed them with a solution. It sounds like veilMail.io can indeed be a valuable tool for preventing unwanted spam and enhancing online security.

          I’ll definitely give it a try and recommend it to others who might benefit from such protection. If you have any additional features or updates planned for veilMail.io, I’d love to hear about them.

          Thanks again for contributing to the online community with a helpful tool like veilMail.io!

          Reply

Your thoughts matter, leave a reply ๐Ÿ’ฌ

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