Plan Left

Contact Camo protects email addresses by obfuscating or completely hiding them in both the source code and the DOM.
<h3>What Is It?</h3>
Contact Camo is a plugin for WordPress developed by Plan Left that effectively hides or obfuscates email addresses from scammers, web scrapers and internet bots to help minimize spam and other nefarious, automated actors.
In addition to protecting email addresses, Contact Camo also provides some granular control over how those protected email addresses can be displayed and interacted with by users that are very useful to site builders and also help make site maintenance easier.
<h3>Example Use Cases</h3>
<ul>
<li>Educational Organization with large faculty directories</li>
<li>Nonprofits who need to be accessible without displaying in-content email addresses</li>
<li>Large Organizations who have departmental pages and points of contact but don’t want to maintain multiple contact forms</li>
<li>Anyone who doesn’t want to expose email addresses to the scammers, scrapers and bots of the internet.</li>
</ul>
<h3>Why Did You Make This Plugin?</h3>
We work with many non-profits and educational organizations that need to list contact info in directories on their website. Due to the public visibility of these and their large user base, our clients web properties are under constant threat from spammers and bots. We wanted to ensure that their user directories were safe from these threats while still being functional to visitors. In other words, we needed to hide a bunch of email addresses from the outside world while still allowing the outside world to contact those users via their email address. When we got to developing this plugin, we knew we had to provide a solution that was as bulletproof as possible while allowing our clients and customers the most amount of control over things as practical.
<h4>Ultimately, we needed to create a plugin that would:</h4>
<ul>
<li>Optionally hide or obfuscate email addresses from scrapers and bots securely and confidently. For our use case, email addresses needed to be obfuscated in the source code, the DOM, and in HTTP requests. We took the email address out of the client-side equation completely by just tucking it safely away in the database in a lookup table instead of providing a workaround that simply disguises the email address. We essentially took the email address to a safe house and sent out its representative to interact with the outside world on its behalf. Nobody gets the email, not no way, not no how, see?!?</li>
<li>Provide users with lots of control over the UX of protected email addresses, but without the need for cumbersome configuration. We decided a shortcode with some good options and sensible defaults would foot the bill for most users.</li>
<li>Be performant in capabilities, lightweight in footprint, and opinionated in scope.</li>
</ul>
The client was very pleased with the end-result and so were we. So, we decided to offer it back to the community. Our development team reviewed and scrutinized the existing plugin, found areas for improvements and further customizations, and baked them right in for everyone to use.
<h3>Who Is It For?</h3>
Site administrators and content editors/moderators. Anyone with a WordPress site that would like the peace of mind of knowing that their user’s email addresses are safely hidden from spam bots and other unintended consumers with ill intent. Content creators that don’t want to worry about the complications and time expenditure of dealing with and managing their user base getting spammed from their platform. And especially when any of the above mentioned require some level of control over what’s displayed to their users, who may very well be their customers or clients or patients, etc…It’s for site builders that want protection AND customization without being overwhelmed.
<h3>What Problems Does It Solve?</h3>
Contact Camo hides or obfuscates email addresses in the source code AND the DOM. Not only this, it ensures the unobfuscated email address is never used in any page or ajax request from its originating context; all handling/processing is done server-side. Once obfuscated, the client-side never sees the original email address again (where obfuscated). The obfuscation (key) is a hash that is stored in a lookup table with the original email address.
A few of the limitations we found in some existing (but great) plugins:
<ul>
<li>email address only obfuscated in DOM, but not in source code</li>
<li>email address only obfuscated in source code, but not in the DOM</li>
<li>integrating with a 3rd-party service that scrapes entire pages and performs a search-and-replace of email addresses with obfuscated versions in the source code</li>
<li>email address obfuscation using only html entities replacement</li>
<li>few options for control ling output</li>
<li>no contact form or fallback options</li>
</ul>
<h3>How Does It Work?</h3>
Contact Camo provides a simple shortcode that can be used to manually obfuscate or hide email addresses and control how those email address are presented back to the end-user.
This shortcode’s eventual default output is a clickable link with the obfuscated email address’s generated hash stored in a data attribute. On click, this hash is used to lookup the email address (or generate and store a new hash in your database for that email if one doesn’t already exist) and then open the browser’s configured email client with the “To” field pre-populated with the corresponding email address.
The shortcode accepts several parameters for overriding the default output. Output a button instead of a link, add CSS classes, change the text output, etc… The sky’s the limit for display.
The shortcode also has parameters for displaying an embedded contact form or an optional modal popup contact form instead of a clickable link that opens the browser’s default email client.
<h3>What is Hide vs Obfuscate?</h3>
For our plugin, we wanted to give site administrators the option to either completely hide the email address and never let any end content consumer see any piece of the email, or to hide the email until requested and reveal it in context after a specific action is taken.
<ul>
<li>Hiding the email address: The site visitor will never see the email address, and instead only be presented a popup contact form that submits and mails through ajax. This option totally hides the email, and it will never be revealed unless the emailed recipient emails the form submitter back.</li>
<li>Obfuscating the email address: The site visitor will not see the email address until the contact button (or link) is clicked. On click, the email address will be revealed and the visitor can copy or mail to that address.</li>
</ul>
<h3>What Can I Do With It?</h3>
We chose to err on the side of simplicity, balanced with enough options as to be useful. To this, we default to an anchor tag output, or – if overridden – a clickable button. We give the user control over which of these as well as css classes and an id. The text output is configurable. And with one option, you can have a modal contact form popup when users click on your link. All without showing the email address you want to use, but hide. Hide for real for real. The plugin includes template files if you wish to really change the output, like maybe you want a different wrapper, or need to include some custom data attributes for javascript to use. We thought about adding all that level of configuration to our shortcode, but figured if you were at that point, you’d probably also know how to edit a template file 😉
<h4>Basic Usage:</h4>
<ul>
<li><code>[contactcamo email="contact@example.com"]</code></li>
</ul>
output: a basic anchor tag with default text
<ul>
<li><code>[contactcamo email="contact@example.com" label="Contact Us" form=true button=true]</code></li>
</ul>
output: a clickable button with text that says “Contact Us”.
<ul>
<li><code>[contactcamo email="contact@example.com" label="Contact Us" form=true button=true popup=true]</code></li>
</ul>
output: a clickable button with text that says “Contact Us” that, when click, pops up a modal contact form
<ul>
<li><code>[contactcamo email="contact@example.com" subject="ContactCamo" class="mail-icon-lg mail-link"]</code></li>
</ul>
output: a link with default text typographically styled along with an inline mail icon
<ul>
<li><code>[contactcamo email="contact@example.com" id="one-contactcamo-to-rule-them-all" label="Fly, You Fools!" button=true class="btn btn-lg btn-lt-blue mail-icon-sm"]</code></li>
</ul>
output: a large, light blue clickable button with text that says “Fly, You Fools!” along with an inline mail icon
<h4>Shortcode Parameters</h4>
<ul>
<li>
email required string 
the email address to be obfuscated
</li>
<li>
label optional string default=”Email” 
the text output
</li>
<li>
subject optional string 
the text to populate mail subject lines
</li>
<li>
class optional string 
the css class(es) to add to the anchor/button html output, space delimited
</li>
<li>
id optional string 
the css id to add to the anchor/button html output
</li>
<li>
form optional boolean default=false 
if true, output contact form in place of link
</li>
<li>
popup optional boolean default=false 
if true, output link that opens modal contact form on click
</li>
<li>
button optional boolean default=false 
if true, output link as a clickable button instead of an anchor tag
</li>
</ul>
There is also an admin page for Contact Camo. From this page, you can configure where the contact form redirects after form submission.

Contact Camo

Contact Camo protects email addresses by obfuscating or completely hiding them in both the source code and the DOM.

Ashok Dhamija

Unsolicited email or email spam is a huge problem that netizens have to face on daily basis. It is estimated that about 90% of all emails sent are spam mails. It was estimated that spam cost businesses to the order of $100 billion in the year 2007 [source: Wikipedia]. Spammers use email harvesting spambots or email spider software to automatically collect email addresses displayed on websites. Therefore, displaying email addresses on your websites can be an invitation to the spammers to collect your email addresses and then start sending you spam mail. At the same, it may be necessary to show your contact email addresses to the genuine visitors to your website. So, what is the solution?
TG Email Protection plugin provides a solution to this issue. Obfuscate or hide the email addresses from the spambots or email spider software, while at the same time displaying the same email addresses to the genuine visitors. Thus, while genuine visitors can see your contact and support email addresses and other email addresses displayed on your websites, the email spider software and spambots cannot automatically harvest your email addresses. For this to happen, obfuscation is used to hide the email addresses included in your WordPress website or blog from spambots and email spider software. This plugin uses different methods to achieve this twin objective in order to fight spam mail and to protect your email addresses. More methods of obfuscating email addresses to conceal them from email spambots may be added to the plugin in future.
How does the plugin obfuscate an email address? In fact, the plugin uses fast and efficient search of the content being delivered, to search for all email addresses in your content and then to obfuscate them on-the-fly. It happens whenever a page is about to be delivered to your visitor. The contents of your database are NOT changed by the plugin. What the plugin does is something like this: when a visitor requests a post or page to be displayed in the browser (by visiting its URL), WordPress extracts the relevant contents from the database; it is at this time that this plugin steps in and filters these contents in a fast and efficient manner, searching and obfuscating the email addresses found in such contents which have already been extracted or copied from the database. Thus, the contents of your database are not changed at all by this plugin. Only the (copy of the) contents being shown to the visitors are shown in a different (obfuscated) manner. While the visitor will still see the email address as usual, it will be obfuscated or hidden from the email spambots and spider software.
Two options to obfuscate email addresses
TG Email Protection plugin offers two different options for obfuscating your email addresses, while at the same time displaying them to the genuine visitors:
<ul>
<li>Select to automatically obfuscate all email addresses shown on your website. When this option is selected, the plugin will obfuscate all email addresses in your content being delivered to the visitors on-the-fly. When this option is selected, you may still separately and individually disable (or enable) obfuscation of email addresses from specific parts of your contents being delivered, such as the main contents, title, excerpts and comments of the post or page, and also from the blog description / information and widget texts. Email addresses in mailto: format are also supported with this option.</li>
<li>Use a shortcode to selectively protect or obfuscate each individual email address that you want. Shortcode can be used only when the above setting for automatic obfuscation of email addresses on the website is NOT selected; otherwise, shortcode will NOT do anything. So, please use shortcode only with this understanding. This is for the obvious reason that where you have already selected the option to obfuscate all email addresses on your website, all email addresses are in any case being obfuscated so that there is no need to use shortcode to obfuscate an individual email address. To use shortcode, use format like this: [tgemail]person@example.com[/tgemail], where person@example.com is the email being obfuscated. Put this shortcode in any of your posts, pages or widgets, wherever you want to display the email address. Please do NOT use shortcode for email in mailto: format.</li>
</ul>
Additional options of changing @ and . (DOT) symbols in email addresses:
TG Email Protection plugin provides you an additional (optional) measure to further obfuscate the email addresses by replacing the @ and . (DOT) symbols in email addresses by something like ‘ (AT) ‘ and ‘ (DOT) ‘ respectively or some other similar text to be chosen by you. While a user can obviously understand what such text stands for, an email spambot may not be able to know that, more so if you use your own custom text which can properly explain its purpose of replacing the @ and . (DOT) symbols in email addresses.
Once installed, the settings of the TG Email Protection plugin would be available for being changed from the ‘TG Email Protection’ option in the ‘Settings’ menu on the admin screen (back-end) of your WordPress website or blog.
Detailed instructions have been provided on the settings / options page of TG Email Protection plugin in the admin area. Each setting has been explained in detail.
You can use this plugin and test the results of obfuscating the email addresses from spambots. In our extensive tests conducted with several email spiders and spambot software, we have found that this plugin is completely successful in hiding the email addresses from the spammers by using innovative and randomized techniques.
This plugin works on all WordPress websites or blogs. It is a very light-weight plugin.
About the plugin and our other plugins:
This plugin has been developed by <a href="http://tilakmarg.com/dr-ashok-dhamija/" rel="nofollow ugc">Ashok Dhamija</a>, who has also developed few other plugins, such as the following:
<ul>
<li><a href="https://wordpress.org/plugins/tg-facebook-comments/" rel="ugc">TG Facebook Comments</a>.</li>
<li><a href="https://wordpress.org/plugins/tg-copy-protection/" rel="ugc">TG Copy Protection</a>.</li>
<li><a href="https://wordpress.org/plugins/tg-customized-tags/" rel="ugc">TG Customized Tags</a>.</li>
</ul>

TG Email Protection

Protect email addresses from being harvested by spammers and spambots, obfuscating them. Your visitors can still see email addresses.

Contact Camo vs TG Email Protection