How to Add Social Media Share Buttons

by Rubie Tiburcio


When you have valuable content you would like your audience to share, you have to make it easier for them to do so. Here is an instruction on how to code the share buttons to your Sitecast web project.

Follow the format and add these lines of code in any of your code blocks.

Facebook

<a href="http://www.facebook.com/sharer.php?u=CANONICAL_URL" class='btn btn-lg btn-outline-secondary'></a>

Replace the CANONICAL_URL with your page's URL.

Twitter

<a href="https://twitter.com/share?url=CANONICAL_URL&amp;text=YOUR_MESSAGE&amp;hashtags=YOUR_HASHTAGS" class='btn btn-lg btn-outline-secondary'></a> 

Replace the CANONICAL_URL with your page's URL. YOUR_MESSAGE is the text you want to append with the URL. YOUR_HASHTAGS are the hashtags for your post, if you want to include it.

Email

<a href="mailto:?Subject=YOUR_EMAIL_SUBJECT&amp;Body=YOUR_EMAIL_BODY" class='btn btn-lg btn-outline-secondary' target="_blank"></a>

YOUR_EMAIL_SUBJECT, and YOUR_EMAIL_BODY varies on your marketing's preferred format. We suggest to add the URL to the body of the email to avoid redundant and discrepancies on the information you are sharing.

This is also a perfect place to add your UTM code tracker for your campaigns.

By making it easier for your audience to share your valuable information, you are multiplying the posibility of your reach. Share wisely!

Ready to try it yourself and build something cool?

Get started »