Blogging Tip: How to Add a Mouseover Pin It Button on Your Blog

  • Let me preface this by saying: yes, you have probably seen tutorials like this before and plugins out there like this before BUT I’ve checked out NUMEROUS pin it button plugins and I can say that this one is the best (in my opinion) because most “pin it” plugins don’t allow you to create your own descriptions and only take the blog title as your description. This one does!! I personally love having my blog URL in all my pin descriptions and more details than just the title of the recipe so this plugin solves all my frustrations because I finally found one where it’ll actually take the description YOU give it.

    And one other thing that I love about this plugin is: you can pin the image from your homepage but the Pinterest picture link will be the post link. Does that make sense? Here’s an example: How many times have you seen a pretty recipe on Pinterest, clicked on the image to go to the recipe, and find out that the link only leads you to the homepage with the recipe post nowhere in sight? How frustrating right? Most people don’t realize that you have to actually click into the post and then pin from there to get the correct URL but this plugin does the work for you if you happen to pin from the homepage. I LOVE THAT!! No lost URL links anymore to phantom recipes :)

    See below? I hovered over my cookie image on my homepage, clicked the Pin It button on the image, and the plugin grabbed the link to the respective recipe post AND my description from the title of the image (it can also grab from your alternative text). It does the job for you :)

    Oh, and yet another thing I love about this plugin: I really like that it doesn’t do that hover item on ALL your images on your site. Just your blog post images. Like, if you hover over my header, it won’t give you that hover pin it button..or images in my sidebar (so you don’t need to go changing all your images to have the no pin code). It only does the blog post images!

    Hopefully this tutorial has helped you and will help out the Pinterest community, too, by having properly linked pins!

    Here’s the link to download the plugin!

    Note: I’m on a self-hosted WordPress.org blog. I’m not sure whether or not this WordPress.com platforms. I also don’t believe this works for Blogger platforms. Sorry! :(

  • 16 Comments
    Julie Wampler of Table for Two
    Meet The Author: Julie Wampler
    Dinner for Two Cookbook
    Order My Cookbook!

    Dinner for Two

    Leave a Comment

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

    Comments

  • Barbara | Creative Culinary says:

    I like this one too Julie but one note…I don’t believe users at wordpress.com can install ANY plugins; it’s just not the nature of that free service.

  • Rachel @ Baked by Rachel says:

    Yay! You rock… description capability is key. :)

  • Leah | So, How's It Taste? says:

    What did you select for the description source dropdown? I don’t see where to customize it (love the idea of having the web site address). Also, did you upload a custom image to get the P instead of the button? Thanks for your plugins posts. They are so helpful!

    • Julie says:

      I chose the 3rd one down..something about the picture title and if not, the alt text. I made the P button myself since I didn’t like the Pin It button the plugin gives on default. You’re so welcome!

  • Nancy [email protected] says:

    OMG! Thanks so much for the great tips. I have seen other tips out there but you did a great job in making seem so simple!

  • Megan {Country Cleaver} says:

    I am dowloading this is soon as I get home – I haven’t liked any others that I tried. This is perfecto!!

  • Nathy says:

    Omgsh you had me sold on this! I was ready to click on that link to download. Until I saw it doesn’t work on blogger platforms. :(

    Would anyone happen to know of another method that works in this way for blogger blogs? I’ve been looking for a good one for weeks!

    Thanks in advance to anyone who might know. :)

    -Nathy

  • Jenn Pilgrim, The Newlywed Pilgrimage says:

    Tweeted!

    Thank you so much for the tutorial!

  • Koko @ Koko Likes says:

    I have this add on and I LOVE it, I also love how it puts the title of the post as the description!

  • Tieghan says:

    Doing this now! Thank you!

  • Stephanie @ Girl Versus Dough says:

    Oh my gosh, Julie, you have NO idea how grateful I am for this post! I’ve been looking for a hover pin button for a while now and none of them were working right. This one is working flawlessly! Thank you!! :)

  • Stacy | Wicked Good Kitchen says:

    Thank you for sharing, Julie! This will be so helpful. Always wondered if there was some secret coding for this. I detest those Pinterest pins that don’t go to the related recipe, too! Ugh. Now, we have a fabulous tool! Again, many thanks! xo

  • Nutmeg Nanny says:

    This is great :) I love when blogs have the pinterest mouseover!

  • Ashley says:

    I have been looking and looking for exactly this plugin! Thank-you so much for sharing!!!

    • Julie says:

      I’m glad you found it useful! :)

  • Nisha pandey says:

    Hi Julie,

    Thanks for sharing this plugin. Its awesome.

    I was searching about the same. Really it works.

    Thanks
    Have a great weekend!

  • Sign-up for Email Updates and Receive a Free E-Cookbook!

    Subscribe to Table for Two