Pin It Button for Blog Images?

Highlighted
Tourist
22 0 3

I have Pin It buttons for products and have Pinterest as a sales channel but I can't figure out how put a Pin-it button in blog images so the blog posts can be shared.  I don't see anything in the theme...

Anyone help? 

Thanks!

http://eco-musings.com/

 

0 Likes
Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
132 0 23

Hey there Beryl!

Genevieve from Shopify here :) 

Some themes come with 'Pin It' buttons embedded in product pages, blog posts, etc. by default. These can usually be activated through your Theme Editor (Admin>Online Store>Themes>Customise Theme) under 'Social Media' or something similar. 

If your theme does not have this option, you can embed a custom 'Pin It' button in the code of your store:

  1. Follow this link to create the embed code: 
    https://business.pinterest.com/en/pin-it-button
  2. Copy and paste the embed code.
  3. Navigate to your HTML/CSS editor (Online Store>Themes> [ ... ] > Edit HTML/CSS).
  4. Open your blog.liquid template.
  5. Paste the embed code where you'd like it to appear on each blog page. 
  6. Save your changes.

Hope that helps! 

Genevieve S.

0 Likes
Highlighted
Tourist
22 0 3

Thanks for responding Genevieve,

My theme doesn't have that Pinterest "Pin It" option for the blog posts.  

Where would I paste this in the code on the blog.liquid template if I wanted it to appear on the actual blog image? Or is that not possible?

Thanks!

PS. I tried what you suggested and it didn't work. 

After the embed code, the instructions say "Don't forget to include pinit.js once (and only once) per page!"  Does that mean I have to add that to each blog post? 

 

0 Likes
Highlighted
Shopify Staff (Retired)
Shopify Staff (Retired)
132 0 23

Hi Beryl,

Apologies, I think this would be an easier method to implement: 

  1. Create the embed code on the above Pinterest widget builder, but this time select "Image hover" from the button options drop-down menu:
  2. Copy the generated code. 
  3. Pop into the specific blog post, and click the "Show HTML" button:
  4. Paste the code at the very end of the HTML code for the blog post. 
  5. Save and preview your blog post.

You should find that the 'Pin It' button now appears on any images on that page when you hover your mouse over them :) 

This guide from Pinterest might also be helpful:
https://help.pinterest.com/en/articles/build-pin-it-button-your-site

Hope that helps! 

Genevieve S.

0 Likes