Add a Pinterest “Pin It” Button to All of Your Posts

by Sarah Wilkerson

Add a Pinterest Pin It Button to All of Your Posts photo
Pin ItIf 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!

Add a Pinterest Pin It Button to All of Your Posts photo

Add a Pinterest Pin It Button to All of Your Posts photo

Add a Pinterest Pin It Button to All of Your Posts photoSarah Wilkerson, Colorado
CEO | CMU Instructor
website | facebook | twitter | pinterest | instagram | mentoring | ask a pro
Duke graduate and former attorney Sarah Wilkerson joined Clickin Moms as a member photographer in 2008 and quickly became a leader in the community. In 2010, she held CM’s first forum-based workshop and spearheaded the development of CMuniversity, an online photography school that provides educational programming to over 2000 photographers each month.Together with Kendra, Sarah has led the evolution of the company’s mission, program development, and position within the greater photography community. She currently resides in Colorado Springs with her Army JAG husband, three sons, one daughter, and two dogs. Sarah shoots with a Nikon D4, enjoys tilt-shift and atmospheric black and white work, and instructs CMU’s upper level composition courses (Elements of Design, Composition and Creativity, and Story and Vision). In her free time, Sarah loves research and writing and enjoys lattes, mojitos, flip flops, and reality tv.

Add a Pinterest Pin It Button to All of Your Posts photo

 

Tags: , , , , ,

97 Responses to “Add a Pinterest “Pin It” Button to All of Your Posts”

  1. SAHMmy Says
    Feb 15 2012 at 7:45 am #

    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!

  2. Скейтборди
    Feb 18 2012 at 10:17 am #

    Лучший скейт-портал в Украине и странах СНГ !

  3. Feb 21 2012 at 6:24 pm #

    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

  4. Carol Lindberg
    Feb 25 2012 at 3:34 pm #

    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

  5. Carol Lindberg
    Feb 25 2012 at 3:35 pm #

    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

  6. Feb 28 2012 at 1:55 am #

    Thank you for sharing, i will check here more often .

  7. Kermit Hassanein
    Mar 20 2012 at 10:13 pm #

    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 :)

  8. Matt
    Mar 21 2012 at 10:21 pm #

    Awesome! I used this on my drupal site. Hardcoded for the moment, but hopefully it gets made into a module or incorporated into another.

  9. Mar 28 2012 at 12:29 pm #

    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.

  10. Mar 28 2012 at 12:30 pm #

    Should add, I used mine in a hook, just replacing my styled div tag with the generic one.

  11. Apr 18 2012 at 4:58 am #

    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.

  12. May 06 2012 at 2:11 pm #

    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!

  13. Jul 01 2012 at 10:17 am #

    this WORKS!!!!!! Thanks so much for sharing. I have spent most of my sunday morning trying to figure out how to get all of my pics to show up with a pin it button in my blog margin. this works and now my readers can pin from all of my uploaded images vs. just the one in the post!

  14. Jul 06 2012 at 3:29 pm #

    hi good post man, i think u have put your point across excellently thanx

  15. meegan
    Aug 08 2012 at 2:47 am #

    Just read this, and tried it out on my blog-works perfectly!! Thanks SO much!!
    Meegan
    What Meegan Makes

  16. Aug 14 2012 at 10:55 am #

    Really? Exactly what could these people be imagining? This is unbelievablehttp://www.heraldtribune.com/article/20051019/NEWS/510190303!

  17. Deadra Brendal
    Aug 16 2012 at 9:47 am #

    Someone necessarily assist to make significantly articles I might state. That is the very first time I frequented your website page and to this point? I surprised with the research you made to make this actual submit incredible. Fantastic activity!

  18. Sep 09 2012 at 12:43 am #

    Yes! Thank you so much! The html code pinterest generated for me wasn't picking up any of my photos and it was very frustrating–you fixed my problem! Thanks so much!

  19. Sep 14 2012 at 5:22 am #

    Awesome tips Thanks For Sharing
    i love it….:D

  20. Oct 15 2012 at 11:51 pm #

    Aw, this was an incredibly good post. Taking the time and actual effort to create a very good article… but what can I say… I procrastinate a lot and don’t manage to get anything done.

  21. Nov 19 2012 at 10:27 am #

    Thank you, thank you, thank you!!!!
    You saved me a bunch of time. I was trying to follow PInterest’s goodie tutorial but I could not figure it out!!! I finally just googled it and your blog came up!!!

  22. aimee
    Dec 07 2012 at 12:08 pm #

    Thank you for this! You’ve made it so EASY! I could kiss you :)

  23. Jassmine
    Dec 11 2012 at 1:59 am #

    how it appear on the center or bottom image, not on out side image with big pinterest button? thanks for advice

  24. janet
    Dec 14 2012 at 11:16 am #

    where is the orange code?
    i do not see it

  25. http://www.pascherfree.com/
    Dec 28 2012 at 8:46 am #

    I really like it when individuals come together and share thoughts.
    Great blog, keep it up!

  26. Jan 07 2013 at 8:05 am #

    works very well. thanks for that supporting

  27. Jan 26 2013 at 2:48 pm #

    Hello my good friend! I want to say that this put up is remarkable, great penned and involve roughly all important infos. I would like to determine much more posts like this .

  28. Mar 04 2013 at 8:04 pm #

    Thank you. I love you. Will you marry me?

  29. Apr 16 2013 at 6:39 pm #

    What i do not realize is actually how you are not really much more well-liked than you might be now. You are very intelligent. You realize therefore significantly relating to this subject, made me personally consider it from so many varied angles. Its like men and women aren’t fascinated unless it’s one thing to do with Lady gaga! Your own stuffs outstanding. Always maintain it up!

  30. Apr 17 2013 at 9:06 pm #

    I cherished as significantly as you will collect carried out right here. The sketch is enticing, your authored topic issue stylish. nonetheless, you command get purchased an impatience around that you would like be delivering the next. unwell unquestionably come extra formerly all over again considering that exactly the exact same nearly a lot generally inside event you shield this hike.

  31. Jul 13 2013 at 10:21 pm #

    I added this code a while back, and I’d love to remove it and install the hovering Pin It button instead, but I can’t for the life of me figure out where the code is to delete it! Do you have any suggestions? Thank you SO much!

  32. Jul 25 2013 at 4:48 pm #

    Thank you so much! I had no idea how to do that and you made it so easy!

  33. Dec 29 2013 at 11:01 pm #

    I am really grateful to the holder of this web site who has shared
    this enormous post at here.

    forex rebates usa (Arden)

  34. Jan 09 2014 at 10:39 pm #

    Hmm is anyone else having problems with the pictures on this blog loading?
    I’m trying to determine if its a problem on my end or if it’s the blog.
    Any feedback would be greatly appreciated.

    Feel free to visit my homepage … seo rankings (Franziska)

    • Jan 09 2014 at 10:45 pm #

      Hi Franziska! Double check that you aren’t accessing a secure (HTTPS) version of the URL; we’re having some issues with images for those trying to access the HTTPS version of the page. :)

  35. Feb 20 2014 at 4:31 am #

    I will immediately clutch your rss feed as I can not to find your email subscription link or newsletter service.
    Do you’ve any? Kindly permit me recognize so that I
    could subscribe. Thanks.

    Also visit my homepage: get free instagram followers now

Trackbacks/Pingbacks

  1. Pinterest | latest greatest thing | Allison Jacobs Photography - Oct 16 2011

    [...] are some buttons you can use on the Pinterest website here and you can also read an article on the Clickinmoms blog about that [...]

  2. Se7en + 1 Super Quick Toddler Projects from Pinterest… » se7en - Oct 29 2011

    [...] I found this really cool button over on ClickinMoms.. If you like it – Pin it!!! So if you see something on our blog that you like please feel free to pin it to your board… gotta [...]

  3. Se7en Ways To Help Pinterest Drive Traffic Towards Your Blog… » se7en - Nov 04 2011

    [...] Help People To Pin Your Posts: Make your blog “Pin Friendly”… I have been lucky so far in that folks do pin our crafts when they see them… But you can do more to encourage readers to pin your posts. I have seen folk that have “Pin this” button alongside every single photograph – and I just want to say overkill!!! It is not a subtle invitation but rather a bit of a turn-off. I have found folk who pop a “Pin-it” button next to the photograph in a post that they like the best and that they would like folk to pin for that post. For myself, my project for this weekend is to put up a button – “If you Love it, Pin It” in our side-bar, just a gentle reminder to readers – it isn’t in their face and they don’t have to act on it… but it is there in case they see something on our site that they like. I found this really cool button over on ClickinMoms.. If you like it – Pin it!!! [...]

  4. Haber Photography - Orange Beach Photography Gulf Shores Photography - Nov 30 2011

    [...] to Pinterest. So over on the Clikin Mom’s blog there’s a tutorial to teach you how to add a “Pin it” button to your blog posts. [...]

  5. Blogging 101: 10 Wordpress Plugins You Should Have on Your Blog | Confessions Of A Vi3tbabe - Jan 08 2012

    [...] prefer) of your post. Nice & simple! Oh, and if you love Pinterest, I’d suggest adding a “Pin It” button to all your blog posts. I love [...]

  6. Social Networks You Need To Be On | Confessions Of A Vi3tbabe - Jan 31 2012

    [...] even have a cool browser add-on so you can easily pin anything you see on the web. There’s also a way to add a “Pin It” button to your blog, which I highly suggest you do as I said, it does wonders for your blog traffic. In case you’re [...]

  7. Pinterest Weekend Update - Feb11 | @SchneiderB – Inbound marketing, technology, branding, and social media for schools - Feb 11 2012

    [...] Post: Add a pinterest “pin it” button to all of your posts - If you have a blog, you probably have social media buttons attached to your post so that your [...]

  8. Add a Pinterest Pin-It Button to Your Blog Posts in Hubspot | OttoPilot Media - May 24 2012

    [...] to Clickin Moms for developing this helpful code [...]

  9. Allison Jacobs PhotographyPinterest | latest greatest thing | - Jul 19 2012

    [...] are some buttons you can use on the Pinterest website here and you can also read an article on the Clickinmoms blog about that [...]

  10. Add a Pinterest Button & Resizing Your Images - The SITS Girls - Aug 17 2012

    [...] Tutorial: How to Add a Pinterest Button to All Your Posts [...]

Leave a Reply

Optionally add an image (JPEG only)