How do I add a Pinterest “Pin It” button to my site?

I have a website with lots of images and I’d like to add a Pinterest “Pin It” button to my pages. How do I do that?


If you want to include a Pin It button to your site, you’ll need add a snippet of code each place you and to add the button to appear. Actually, there are two pieces of code you need. The first one needs to be right at the bottom of your site and consist of:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

This would only need to be there once, regardless of how many buttons you have on your site.

Your button then needs this following code:

<a href="http://pinterest.com/pin/create/button/?url=<site>&media=<image>&description=<desc>" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

You will have to replace the image, desc and site tags above with the image URL, the site URL and the description you want to add to the button. This allows you to use the button for pictures of kittens, pictures of gps vehicle tracking devices or anything else you want a button for.

Leave a Reply

Your email address will not be published. Required fields are marked *