How to Create Email Social Share Button – NO PLUGINS ONE LINE HTML ONLY

email-social-share-button

When you visit any prominent blog such as ThoughtCo you might have seen the following social share buttons.

Just hit the email share button and quickly it pops up your default email client with share link. If you wonder how to get this feature without using any external plugins then this article is for you.

In my previous article I have demonstrated how to create social share link without using any external tool, in this post I am going to show you a simple HTML trick to create email social share link without using any plugins.

Then let’s start!!

HTML Way to Create Email Social Share Button

You just need to add the following HTML code to create an email social share button.

<a href="mailto:?subject='<SUBJECT>'&body=<BODY>" class="share-btn email">Email</a>    

See the Pen Send Email on Button Click – Method #1 by Sunil Pradhan (@Sunil_Pradhan) on CodePen.

And that’s it! You now own nice-looking email share button that can be used anywhere. I hope you found this useful and please consider sharing this post if you found it useful.

How useful was this post?

Click on a star to rate it!

Average rating 5 / 5. Vote count: 1

No votes so far! Be the first to rate this post.

Similar articles you may like

By Sunil Pradhan

Hi there 👋 I am a front-end developer passionate about cutting-edge, semantic, pixel-perfect design. Writing helps me to understand things better.

Leave a comment

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

Exit mobile version