How to Add a Squarespace Pinterest Button
To find out more about the different Pinterest social media buttons, visit their goodies page (http://pinterest.com/about/goodies/).
Part of the reason the Pinterest Share Button is harder to code in Squarespace, is that each “Pin” must be associated with an image. Unfortunately, I have not found a Squarespace standard for images that would allow a script to scan posts and find, say the first image of each post.
However, Pinterest does have a bookmarklet script that users can drag and drop into the browser. It finds all the images on the associated page and lets the user choose which image to include. So the trick was to get that script into a Pinit Button. Have I lost you yet? Either way, just include the following code snippet and you will be able to add a Pin-it button that you can set and forget.
Where to Add the Pinterest Code Snippet in Squarespace
Website Management >> Website Settings >> Header and Footer
(I’ve included this in the footer. However, many people paste these kind of scripts in the head via code injection. I’m trying to cut down on scripts in the head though)
(Please Please Please! Save the Pinit Button image in your own storage. I don’t have a Squarespace account with unlimited bandwidth! These 1k images can really add up! lol)
Improving the Pinterest Button Functionality
This is still a work in progress as I would like to have the Pin It Button only appear on individual posts. (similar to the Google+ and Facebook share buttons) and not index pages.
I think I need to incorporate the above within the following script.
I would also like the pinterest bookmarklet script to pull the post’s title in the Pin’s description to provide a more frinction-less experience for the sharer.
Anyone that can offer some help on this, please leave a comment or link below!