How to Add a Pin It Button to Your Blog Images (Free “Pin It” Buttons)

I earn commissions for purchases made through links in this post.

Giving your readers easy ways to share your content is one of the best things you can do for your blog. In this tutorial I’ll show you how to add a pin it button to your blog images.

For myself and many other bloggers, Pinterest is our number one source of traffic. If you’re not using Pinterest to grow your blog, you’re missing out on tons of free traffic.

With Pinterest being as popular as it is, I’m sure you’ve seen those “pin it” buttons that appear when you hover over blog images.

I love “pin it” buttons because (1) they look cool, and (2) they increase the chances of your content being shared on Pinterest.

How to Add a Pin It Button to Your Blog Images

Before we get started, you’ll need to have your own “pin it” button. If you’re a Beautiful Dawn Designs subscriber, this is the perfect time to use the “pin it” buttons we have available as a part of our exclusive freebies.

If you’re not a subscriber, sign up below to gain access to our colorful collection of 12 Pinterest “pin it” buttons.

Free Pinterest Pin It Buttons

heart shaped pin it buttons
Join the list to download these Pinterest “Pin It” buttons.

Okay, let’s get started with the tutorial.

*As a word of caution, always backup your site before installing new plugins.

1. In your wp-admin go to Plugins > Add New.

2. Search for, install, and activate the jQuery Pin It Button For Images plugin.


3. In your dashboard, go to Settings > jQuery Pin It Button For Images.

4. These are the settings we used in the Selections tab. Feel free to edit these settings to your personal preferences. Remember to save your changes.


5. In the Visual tab, upload your “pin it” button where it says Custom “Pin It” button.

These are the settings we used in the Visual tab. Feel free to edit these settings to your personal preference. Don’t forget to save your changes.


Now, head over to your blog and take a look at your “pin it” hover button.

If you’re not happy with the location of the button, go back to the Visual tab and edit your “Pin it” button margins.

You can also increase or lower the transparency where it says Transparency value (in the Visual tab).

If you found this tutorial helpful, be sure to share it using the share buttons below. If you have any questions, leave them below and I’ll see if I can help.

Another Post You May Like:

How to Add a Pinterest Widget to Your Blog