COS-Blog

How do I add Social Sharing icons to my blog template?

Last updated: November 3, 2016

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

Social Sharing icons allow readers of your blog to quickly share your content on their social media accounts.

If your current blog template does not include social sharing icons, you can add them by following these steps:

  • Navigate to Content > Blog
  • Choose the correct blog from the dropdown.
  • Click More tools in the left sidebar, then select Manage blog template

  • In the Blog Content module, click Edit Post Template to access the code for your post template. Paste the following code into the template where you'd like the social sharing buttons to appear:

{% blog_social_sharing "blog_social_sharing" overrideable=False, label='Blog Social Sharing' %}

While it is up to you to determine where you want your social sharing buttons to appear, below this section is a great option:

<p>

{{ content.publish_date_localized }}

</div>

  • Repeat this for your listing page by returning to the template and clicking Edit Listing Template in the Blog Content module. Then paste the code above again. 
  • Lastly, you'll want to configure the sharing buttons by going to Content > Content Settings > Blog. For instructions on configuring your Social Sharing Icons, check out this article

If you find that the Facebook social sharing icon is aligned below the other social icons add this line of code to your stylesheet to position it correctly:

.fb_iframe_widget span {

display: block!important;