Expanded Email Hyperlink
Version 1.0 by Alex Moschopoulos
Download (ZIP) | Fork on Github
For something so simple as a email hyperlink, the current experience often doesn’t fit with what users have been doing in the desktop space. I myself use Gmail, so while sending an email from mobile is as simple as a click, I’m often copying email addresses and bringing them to Gmail.com on my laptop.
See the Pen Responsive Email Link with Tooltip and Copy Function by Alex Moschopoulos (@amportfolio) on CodePen.
Setup and Configuration
Beyond changing the text to anything you like to say, the only other real configuration is setting up your email address in two areas. First there’s a span in the HTML page:
Now you can change the message of the tooltip. You first need to fix it in the HTML:
$("#emailLink").attr('tooltip-content','Click to copy my email address to your clipboard.');
Questions? Comments? Suggestions?
Please feel free to reach out!
© 2019 | All rights reserved