Email Spam Protection

If you really want your website visitors to contact you, the best way is an "Email Me" link tab with the standard email "envelope" icon. This opens the visitor's email client with the your email address, the email subject and even the content already filled out.
This is obviously much easier than a contact form which may be more secure but most people detest and mobile users find a lot less convenient than tapping an "Email" tab and hitting the send button.

Email Spam Protect Widget

Data Protect Plugin

The problem with an email link is that it contains the email address for those using email scraping software to collect and sell to spammers.
As can be seen from the screenshot of part of the widget settings, the email name, domain, extension, subject and content are entered separately. These are inserted into data attributes in the HTML so that there is no email address to be harvested from the web page source code.
A jQuery plugin is used to convert the data back into an email address when the tab is clicked or tapped.
The fields for the email subject and content can be left blank if they are not required. It really helps mobile device users if as much as much info possible is filled in for them and will encourage all visitors to send the email if they don't have to think about it too much!
Icon
The icon uses an SVG file so there is no image to download and its color and hover color can be customised.
There are controls for adjusting the padding and the background color and its opacity.
The tab can have a border using the controls for border width, color and radius. Checking a box will change the tab from square to round.
There are controls for adding a box shadow on page load or on hover - or both.
There is an option to add a scale animation on hover. In this case, a little extra padding is required. The animation time is adjustable and is set in milliseconds. The animation time is is applied to both the scale and hover box shadow to give a smooth transition.

EverWeb Widgets