COS-Blog

How do I add a Pinterest Pin It button to my blog post?

Last updated: September 29, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

If your Blog is built using the HubSpot COS, refer to the following instructions:

  • Navigate to your blog template.
    • You can locate your blog template by going to Content Blog. Then click More Tools in the bottom-left corner > Edit Blog Template
    • You can also locate your blog template by clicking the sprocket icon in the top corner of your blog. You must be logged in for this icon to appear. Choose Edit Blog Layout from the HubSpot Tools dropdown (Please note: If you are using different HubSpot blog templates for your listing layout and post layout, you will see the option to Edit Blog Listing Layout in this dropdown).
  • Once in the Template Builder, select Edit Post Template and/or Edit Listing Template.
  • If you are using a standard Blog Content module, you may want locate the following social sharing HubL token in the Blog Post and Blog Listing HTML:

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

  • Paste in the following code for the Pinterest button, immediately following the social sharing token:

<a class="pinterest" href="//www.pinterest.com/pin/create/button/?url={{ content.absolute_url }}&media={{ content.featured_image }}" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>

  • Click Publish Changes