Home > Pinterest Share Code

Pinterest Share Code

A couple of years ago, we wrote a post about the share code for Pinterest that would work on Windows Phones as a bookmark. May sound complicated, but this was before may people had Android and sharing an image was not easy.

See the original post

The link is still very popular, which makes us think that may be people are still having issues with this particular feature.

If, however, you were looking for the Share code to put on your website so that people can share your page on Pinterest, here it is…

<a href=”//gb.pinterest.com/pin/create/button/?url=https://truesilver.co.uk/&media=https://truesilver.co.uk/wp-content/uploads/2013/01/272-x-176.jpg&description=Social Media” data-pin-do=”buttonPin” data-pin-config=”none”></a>
<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”>

Text in red needs to be updated with your information… so to take it all apart bit by bit:

This is the start of the code

<a href=”//gb.pinterest.com/pin/create/button/?

Then you tell the code what URL you are posting. In this case it’s https://truesilver.co.uk, but you can add your full URL here

?url=https://truesilver.co.uk/

Next, we have the image you want your visitors to pin. In WordPress this might be the featured image, or it can be another preset image or left blank for users to choose their own from all images on the screen (be aware that this can cause issues on mobiles)

&media=https://truesilver.co.uk/wp-content/uploads/2013/01/272-x-176.jpg

Give it a description – this will appear in the comment box

&description=Social Media

And then tell the script what size pin you would like. This one is the smallest as it fits with the rest of our design

data-pin-do=”buttonPin”

Complete the whole thing with the final code and script link

data-pin-config=”none”></a>
<!– Please call pinit.js only once per page –>
<script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js”>Pinterest