If you have a blog, you probably have social media buttons attached to your post so that your readers can “Like,” “Retweet,” “Digg,” etc your posts. If you’re a photographer, though, you’ve probably also found yourself wishing that you could add a Pinterest “Pin it” button to your blog.
There are a couple of great options on the Pinterest Goodies page including
1) “Follow me on Pinterest” button This is a basic button that links to your Pinterest pinboards. To set it up, just log in to your Pinterest account, then click on the button on the Pinterest Goodies page to autogenerate your custom code).
2) Image/Product Specific Pin button This one is great for those selling products, posting single images infrequently, or if you want to just make one especially notable images available for pinning here and there. To auto-generate your custom image-specific code, go to the Pinterest Goodies page and provide your website URL, selected image URL, and a description of the image (if you want to pre-populate that field for the pinner). We used this for the image above.
… but what if you want a universal Pin It code for all of your posts?
One request that we have heard made regularly from our photographer colleagues is a way to add a “Pin It” button similar to the “Like” or “Retweet” buttons that will appear in every blog post — without having to generate new image-specific code every time. When we set up our new CMpro Daily Project, we realized that it was time to figure it out — and we want to share that code with you. Simply copy and paste the code (in orange) below in one of several places:
- In the HTML at the end of every blog post (right in the body of the post in HTML View)
- Inside the loop of your post template file (typically single.php, single-post.php, single-photo.php, or something similar)
- Using an action hook — depending on how much of a geek you are, this may be a bit much, but many WordPress themes come with features that make the addition of hooks a simple cut-and-paste.
* Want to use a different Pinterest image or prefer to design your own button graphic? Just replace “http://www.clickinmoms.com/cmprodaily/wp-content/uploads/2011/09/pinit.jpg” with the URL of your own image.
We’ll see you — and your images!! — over on Pinterest!
Have you found or developed something that worked better? Tweaked the code to make it even more awesome? Tell us about it! And if you liked this article, be sure to Like it, Retweet it, and – of course! – pin the banner below!
Hi, and thank you for this how-to!
Question… will changing “aligncenter” to “alignleft” do what I hope it will do? :)
Thanks!
Worked like a charm! I used Option 1: paste into html view of each post. I inserted the code after each photo’s code so the pin it button appears directly under each photo. Thank you so much–yours is the easiest tutorial for this I’ve seen!
Лучший скейт-портал в Украине и странах СНГ !
Thank you for your tutorial! I’m just not very tech savey and I’m wondering if you have an option that will make the button appear at the end of each post without me having to enter it every time? Thanks so much for your help!
Emily
The tutorial I would like to find (again) is the one that ‘fixes’ all your pictures automatically so when you run your cursor over it, the frame around your picture appears and you have ‘pin it’ or others can ‘pin it’ at any time. I remember reading these instructions, but guess I didn’t save them,,,,,,,,, can’t find them. Help please??? Thanks, Carol cinez123@aol.com
The tutorial I would like to find (again) is the one that ‘fixes’ all your pictures automatically so when you run your cursor over it, the frame around your picture appears and you have ‘pin it’ or others can ‘pin it’ at any time. I remember reading these instructions, but guess I didn’t save them,,,,,,,,, can’t find them. Help please??? Thanks, Carol cinez123@aol.com
Thank you for sharing, i will check here more often .
Getting followers pretty much always equates to credibility. I feel like in current times that many celebrities are judged by how many follower they have. It’s kind of wrong, but true. Whether it be pinterest, twitter, or anything really.
I manage social media for a small business and I found a pretty unique website that “sells” followers. There are many websites that do this (surprisingly!) but this particular one has targeted followers too: http://www.mysocialanswer.com
PS- Just don’t tell your boss you bought the followers :)
Awesome! I used this on my drupal site. Hardcoded for the moment, but hopefully it gets made into a module or incorporated into another.
Thanks so much for this information. My old buttons stopped working and I had tried everything to get around the individual pin button. This was just what I needed.
Should add, I used mine in a hook, just replacing my styled div tag with the generic one.
Thanks so much. I’ve added this to my blogger account and I was wondering how you got the “Count” function to appear. I’ve been trying to find a way to get a count of my photo pins and re-pins on Pintreset and am not finding what I want. I know I can “Source” from my blog, but I want a count of each photo posted. I know you can, I just don’t know how.
Thanks so much.
oh my gosh, this is awesome, I was referred from seven thirty three. I’ve been wanting to add a pin it button to my posts but did not want to edit my template because I’m a sissy and have never done that. This was so easy. thanks, Kathy p,s, what are trackbacks, pingbacks. You can tell I know nothing!