• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Shop All
    • Mugs
    • Ebooks
    • WordPress Themes
  • Art + DIY
  • Business
  • Home Decor
  • Recipes
  • Knit + Crochet

Beautiful Dawn Designs

Living Life Creatively

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

Updated December 15, 2016 · This post contains affiliate links. Read disclosure.

In this tutorial I show you how to add a pin it button to your WordPress blog. This tutorial includes free "pin it" buttons.

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.

jquery-pin-it

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.

jquery-pin-it-selection

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.

jquery-pin-it-visual-1

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

In this tutorial I'll show you how to share your pins with your readers by adding a Pinterest plugin to your blog.

Primary Sidebar

Popular Posts

january floral cover page

25 January Bullet Journal Ideas for 2021

valentines day heart coasters

15+ Free Crochet Coaster Patterns

Business Ideas for Creative People in 2020

60+ Work From Home Business Ideas for Creatives in 2021

17 Resources to Help You Create Your Own Printables

Solve the Puzzle

Footer

Connect

Sharing DIY and craft projects, delicious recipes, business advice for creatives, and more.

About | Pinterest | Instagram

Helpful Links

  • Contact
  • Advertise
  • Privacy Policy
  • Disclaimer

Search

© 2021 Beautiful Dawn LLC
As an Amazon Associate I earn from qualifying purchases.