How To Add The Pinterest Pin It Button to a Blog Post
I admit that I am completely in love with Pinterest. I could go on and on explaining what Pinterest is, but it’s been done. Instead, let me sum up: It is like a giant online cork board that you can pin great articles, cool pictures and fabulous ideas to without having to tear a page out of a magazine. When you see something that you like online, you “Pin it” to your Pinterest Style Board so you can come back to it again or share it with a friend. So cool.
I have discovered recently that Pinterest is also a really great way to get the word out about a post or product, especially for those of us in the crafty field or home decor niche or blogging world. I get most of my blog hits from Pinterest these days, and just yesterday I had someone tell me that she found my Etsy shop and made a purchase because a friend of hers pinned my cash envelopes to Pinterest! Gotta love Pinterest!
When I first signed up, I found it to be really easy to figure out how to add the Pin It button to my search engine toolbar. In fact, Pinterest has a video tutorial. Easy.
What it doesn’t have is an intuitive tutorial to explain how I can add the Pin It button to the bottom of one of my blog posts to encourage my readers to share my content on Pinterest. I think I finally figured it out!
This little tutorial will explain how to add the Pin It button to a specific post on your blog. It is not javascript and it will not work to embed the Pin It button into your WordPress template so that it appears on every post of your blog, but it is really not difficult to add to a single, remarkable post once you have figured it out.
First, finish writing your blog post (or work with an existing blog post) and get all of your images in place. It might even be easier to quickly publish your post and then come back and add the button so that all of your urls are in place.
Next, go to Pinterest > “About” (upper right) >choose “Help” from the drop down menu > Choose “Goodies”
Fill in the boxes with the following:
URL of the webpage the pin is on: = Copy and paste the post url from your browser. It will start with http://
URL of the image to be pinned: = Right click (or control click) on the image that you would like people to pin and go down to “Copy Image Location”. Paste that code into the box.
Description of the Pin (optional): = The description you write will show up in the box when people pin your post! Use obvious key words so that your post will show up in searches!
The code in the box will change as you enter the information. When you are done, copy that code.
Now, go to the HTML edit mode of your blog post (indicated by the red circle in the screen shot below).
Paste the code at the bottom of your blog post.
That’s it! Go preview your post and test your link. It works! Yay! Now, publish your post again and invite others to “Pin It!”
I’d love your feedback! Please let me know if this works for you!
Disclosure: This post may contain affiliate links. When you use them, you help support this site! Thank you!
(No Ratings Yet)
Loading ...
Uhm yeah! I love this! Thanks Kelleigh!
[Reply]
THANK YOU! I am soaking up all things Pinterest like a sponge but somehow I missed that. You’re awesome.
[Reply]
i have been trying over n over to figure this out i am not sure what i am doing wrong when i click the pin it button it goes to blank =/ not sure what i am doing wrong or if its jus blogger being silly! please help xoxo,
christina
[Reply]
Thanks so much for this valuable tutorial! I really needed it!
[Reply]
so I have to use the code in every post I write? There’s not a single code you can insert your template?
[Reply]
Kelleigh Reply:
August 27th, 2011 at 8:15 am
I know that a lot of people are hiring code writers to write a code for their string of buttons in their template, but I have NO idea how they are doing it. If you ever find out, let me know! I bet that Pinterest will come up with something soon, though!
[Reply]
I’ve been stuck on this all day……………..thanks for sharing your find.
[Reply]
Just figured this out too. I wish it was more automatic though, where you caould get the pin it button with the pin counter on each post without having to make a specific pin a this way…I don’t mind doing it from here on out…but thinking about going back through many older blog posts to get each seperate code….ahhh….who has time!!! But I want it on there I love pinterest!
[Reply]
It works. Very time consuming to do this to each post, but going forward… Thanks so much. Glad there are some “real” tekkies out there that can figure this stuff out.
[Reply]
Thanks for this! If you have WordPress there’s a plugin that does it much easier than having to code each post. Check it out: http://flauntyoursite.com/pin-it-on-pinterest/
[Reply]
Thanks so much for your tutorial…I have done it and it works…so happy!
[Reply]
This is, without a doubt, the best tutorial BY FAR that I’ve found on this. Thank you SO SO SO SO much for the details, the visuals, etc. Really well done! It works perfectly! THANKS!
[Reply]
yup, worked great! Thanks!
[Reply]