Writing a great post is pointless if you don’t promote it. Sure you can promote it through social media. But if one of your readers find it great and want to share it,  do you offer them an easy way to share it? If a reader has to go through several steps to share it, most likely they will end up in not sharing your blog post regardless of how great it was.

One of the easiest ways to do this is adding image hover pin it button to your blog images. In that way, a reader can share your post instantly on Pinterest. It is really important that you add image hover pin it button at very early stage of your blogging journey.

it will allow the reader to easily pin your post image straight to Pinterest. You’re probably thinking, “yeah that’s cool feature but how am I gonna add this feature to my blog?” If you’ve every been curious on how to add a pin it button to your blog, then this tutorial is for you. Plus you can collect 11 free pin it buttons for your blog.

Install Plugin

Let’s first starts with your WordPress dashboard, you need to install a plugin for this. If you don’t know how to install a plugin, you can find it right here.

Go to your WordPress Dashboard > Plugins > Add New search for the plugin “JQuery Pin It Button For Images”.

Once you find the plugin install and activate that.

Now you have to change some settings in order this plugin to work.

go to  Settings > jQuery Pin It Button For Images


There are many different settings here, so I won’t be going over all of them.

On which pages the “Pin it” button should be shown.

In the “Selection” tab, set up “On which pages the “Pin it” button should be shown.”

This setting controls specific pages that the pin it button will be activated. I usually select “Pages” and “Single Posts” for this option.  I have added the “Single posts” option.

Pin it button setting

Under “Visual” you may change when the button will be visible, the description source, link the image to the single post page and change the buttons transparency.

So we want to show button “On hover”, So select the “On hover” option in the drop-down list of show button option. 

Next, scroll down to Transparency Value, which will fade your image on hover. I recommend choosing the low value.set up at 0.2

The most important part – In “Custom “Pin it” button section, check the box that says Use custom image. Then click on the button that says “Upload an image using media library” and upload your custom image. For this, you need a pin it button for your blog. If you don’t have any you can use any of the images I have provided below. It has 11 free pin it buttons and you can use whatever you like.

In “pin it button position”, you can decide where you want to display the pin it button. on top, middle, bottom whichever you choose.

That’s it! Save your changes, and check out your sweet new Pinterest button on your site. Yaayy!!


If you want to know how to set up pin it button for your blogger blog you can find it here.

If you are interested in creating your own pin it button that matches your brand 100%  you can see this tutorial to create one easily with picmonky.


Here you have 11 free pin it buttons for your blog. Enjoy!

How to add pin it button

Tags: , ,
Category: Blogging Tips

Leave a Reply

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