Skip to Content

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! :(

Nisha pandey

Saturday 30th of August 2014

Hi Julie,

Thanks for sharing this plugin. Its awesome.

I was searching about the same. Really it works.

Thanks Have a great weekend!

Ashley

Tuesday 30th of July 2013

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

Julie

Wednesday 31st of July 2013

I'm glad you found it useful! :)

Nutmeg Nanny

Saturday 1st of June 2013

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

Stacy | Wicked Good Kitchen

Thursday 30th of May 2013

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

Stephanie @ Girl Versus Dough

Wednesday 29th of May 2013

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