Hello Sunil
email-social-share-button

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

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

email-share-button-img-1

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.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Similar articles you may like

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.

Add comment

Stay Updated

Want to be notified when our article is published? Enter your email address below to be the first to know.

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.