How to Add a Custom Pin It or Save Button to Your Blog Images (+24 Free Pin it & Save Buttons) - MintSwift
As I’ve mentioned in one of my posts, Pinterest is one of my largest source of traffic and it’s a game changer for most bloggers. Key to blog success on Pinterest is sharing Pinnable blog post images, so having vertical images, with large text, your website address, and brand colours/photos. Adding custom pin it button to your blog images, is another way to get people to pin your content more often. The custom Pin it button will appear when they hover a mouse over your images. Custom pin it button is a great way to expand your brand further, add more personality to it and use it as a distinctive element of your blog, which people would easier remember than the generic, red Pin it button available for all business owners.
mintswift, mintswiftdesign, logo design, logo designer, logo designs, designer, graphic designer, graphic design studio, London, uk, united kingdom, graphic, graphic design, creative, business, company, art, artist, print, pattern, design, mint swift, studio, brand, branding, logo, clipart, illustration, Adrianna Glowacka, Adrianna, Adriana, brand identity, corporate identity, logo designer London, brand design, entrepreneurs, entrepreneur, young entrepreneur, creative entrepreneur, brands, website, icons, flat design, agency, brand style guide, creative process, logo design process, packages, logo packages, blog, tips, design tips, business tips, case studies, blogger, wordpress, my creative biz, savvy business owner, business owner, founder, lead designer, neutrino, neotrino ltd, web design, web designer, website design, web development, website developer, branding design, styled photography, photography, styled stock photography, flat lays, colour scheme, lady boss, shop owner, why professional logo is important for a company, professional logo, lady boss, girl boss, blogging, behind the scenes, neutrino, George leszczynski, Leszczynski, Jerzy, George, stock, photographer, business owner, small biz, small business owner, small businesses, bloggers, creative entrepreneurs, how to chose graphic designer, good designer, logo design london, graphic designer uk, peopleperhour, freelancer, ongoing designer, professional logo design, shop, premade logo, premade logos, pre-made, logo templates, logo design templates, templates, logo shop, design shop, templates shop, mintswiftshop, mintswift shop, shop mintswift, mintswift premade logo, free resources, resources library, mintswift library, free library, free resources for online business, graphic templates, pdf, tutorial, ebook, free, worksheet, cheatsheet, printables, templates, workbooks, tutorials, pin it button on hover, custom pin it button, custom save button, save it on pinterest, save it for later, how to add pinterest button to your blog, how to add a custom pin it or save button to your blog images, how to add pin it button to your blog images, my own pin it button on blog, adding pin it button to blog, pinnable graphics, pin it buttons, free pin it buttons, 24 free pin it buttons, 24 free save buttons, freebie, freebies, free graphics, free vectors, free illustrations, more traffic from pinterest, blog traffic from pinterest, custom pinterest button, pin it button on hover, hover pinterest button
52583
post-template-default,single,single-post,postid-52583,single-format-standard,dwpb-cover-page,dwpb_responsive_extra_small,dwpb_responsive_small,qode-core-1.1,ajax_fade,page_not_loaded,,mintswift-child-ver-1.10,brick-ver-1.10, vertical_menu_with_scroll,smooth_scroll,wpb-js-composer js-comp-ver-5.0.1,vc_responsive

How to Add a Custom Pin It or Save Button to Your Blog Images (+24 Free Pin it & Save Buttons)

This post contains affiliate links marked with (*) for products I recommend. If you decide to make a purchase, I will earn a commission at no additional cost to you. Thank you for your support!
As I’ve mentioned in this post, Pinterest is one of my largest source of traffic and it’s a game changer for most bloggers. Key to blog success on Pinterest is sharing Pinnable blog post images, so having vertical images, with large text, your website address, and brand colours/photos.
Adding custom pin it button to your blog images, is another way to get people to pin your content more often. The custom Pin it button will appear when they hover a mouse over your images.
Custom pin it button is a great way to expand your brand further, add more personality to it and use it as a distinctive element of your blog, which people would easier remember than the generic, red Pin it button available for all business owners.
Pinterest recently changed its iconic Pin it button to Save, so I’m not sure how many of you still using Pin it buttons (I do) and how many changed to Save buttons, so as a freebie in this post, there are Pin it buttons as well as Save buttons
Want 12 FREE Pin it and 12 FREE Save buttons designed especially for you? Go ahead and click the image below and get instant access. PS. Even more free “Pin it” buttons are waiting for you in a MintSwift Library 😉
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!
A sneak peek of what buttons you’ll get:
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!
If you would like to see a custom Pin it button in action, just hover your mouse over this blog post image above and you’ll see mint Pin it heart button in a middle of a blog graphic. I’ll teach you today, how to add your own, custom, an on-brand button so you can get more repins from your blog. Let’s dig in!

How to Add a Custom Pin It Button to Your Blog Images?

1. Find or create Pin it button you’d like to use on hover of your blog post images

If you feel comfortable designing your own Pin it button, it can be created in Photoshop* or Illustrator* (my personal favourite), but it can be tricky and take a loads of time, so I’ve made it easier for you and created 24 FREE Pin it and Save buttons which you can use for FREE on your own blog. To get those buttons, simply click on an image below.  
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!

2. Install the jQuery Pin It Button for Images Plugin for WordPress.

Within the WordPress admin, go to Plugins > Add New and search for jQuery Pin It Button For Images. Install and activate the plugin.

3. Set up where the Pin it button should be shown

Once the plugin is installed go to > Settings > jQuery Pin It Button For Images

4. Set the Selection settings

Now you’ll see four tabs, but we’ll only set up setting from “Selection” and “Visual”. In the “Selection” tab, set up “On which pages the “Pin it” button should be shown.” I have the “Single posts” checked, so my custom Pin it button is showing only when someone click on a specific post. If you’d like you can change all of the checkboxes, but to be honest, Pin it button is useful mainly for your blog posts.

5. Set the Visual Settings

This is the fun part! Before we add custom Pin it button, let’s set up some basic setting, shall we? So we want to show button “On hover”, as a Description source set up “image alt attribute”. If you’re consistent in adding alt attributes, choosing that, will allow you to customize the description however you like. Also, make sure to check Always link to individual post page

6. Adding custom Pin it button

Next, scroll down to Transparency Value, which will fade your image on hover. I recommend to choose the low value, I have it set up at 0.2. It catches the attention to a custom Pin it button, but it’s not distracting to a reader.
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. The image size will automatically set to the size of the uploaded image size, but you can manually change it here. My image was 417×417, but I’ve resized it to 250x250px. It depends on your personal preferences, how big you want this pin is a button to be.
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!

7. Adjusting the custom button

Next, you’ll want to choose how to align your pin it button on your blog post image. I personally prefer to have it in the middle, so the “Button margins” part doesn’t apply to it. If you chose to display your Pin it button in one of the corners, you’d have to set up button margins, for example for top right, the settings might be: top 40px, bottom 0px, left 0px, right 60px. The alignment will depend on your personal taste preferences and the style of your blog. You can also check “Optimize for high pixel density display”, so your button won’t get pixelated on screens with a larger resolution. Once you’ve got the settings set up how you want, click “Save Changes” and yay you did it! It was easier than you thought, right?

8. See your custom button in action

Now refresh your post page and see how your custom Pin it button looks in action! See, how you can improve your blog design with this simple trick? You no longer have to use standard, red button, which let’s face it –  doesn’t fit all blog designs. What is the best part? You can always change your custom Pin it button! If you have multiple brand colours, you can test out which button performs the best on your blog.
With custom Pin it button on your blog images, your post will be pinned more often and your blog will get more attention on Pinterest. Go ahead and download the 24 free pin it buttons for your blog! If you’re a member of Mint Squad who has access to MintSwift library, there are already 12 pin it buttons, so these one are another option – so you’ll get 36 Pin it buttons for FREE!
Grab FREE 24 Pin it and Save buttons for for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!
Now, if want to improve your Pinterest results and start to really grow your audience, blog and website traffic and maintain a brand consistency beyond your website, I highly recommend signing up for my FREE 6-day email course, Pinazing Results.
Each day, you’ll be sent a new lesson, which walks you through specific strategies that you can use to improve your Pinterest results. PR covers topics like growing your followings and traffic, creating perfect Pinterest profile, designing pinnable graphics, growing your audience, SEO your pins, boards and profile, optimizing your website and blog for Pinterest, pining on autopilot and more!

Want to join? Click here or the image below and you’re in! 😉

Want to grow your audience, traffic and maintain brand consistency beyond your website? Pinazing Results a FREE 6-day email course is for YOU! This course is perfect for bloggers and online business owners who are tired of wasting time figuring out how to make Pinterest work for your business, wasting time on strategies that don’t work and spending hours on Pinterest every single day! This free course shares the step-by-step strategies to grow your traffic from Pinterest, building your email list, brand awareness quickly, and effectively. Click through to sign up! ...It's FREE!

Are you using a custom pin it button on your blog? Share them in the comments below, I’d love to see them!

Get FREE 24 custom Pin it and Save buttons for your blog post images. Add a custom Pinterest pin-it button to your WordPress site & grow your Pinterest traffic! Get your blog content pinned and noticed, plus make Pinterest your main source of traffic!
Join Mint Squad & receive instant access to MintSwift Library of resources for bloggers + entrepreneurs
  • Great tutorial! Sure works better than a lot of these other pinit image plugins I’ve been coming across. Activation and set-up was quick & easy on this. Thanks for the custom buttons offer too. I will subscribe now because I think I might implement this a little later; for now I’ll leave it as is.

    One thing I did notice (which is probably not the fault of the plugin), is that when I click the Pinit button in IE, there is no way to expand the Pinterest page and that can be kinda annoying to some people and make them forgo pinning the image. I know everybody doesn’t use IE, but I just like to check the multi-browser functionality of everything. Not sure if you have a solution for this.

    • Thank you, Dan! I’m glad you liked this tutorial and my free pin it buttons. About the IE, I know developers often came across some problems, so this issue is probably the IE fault. As you’ve
      mentioned, not everybody uses it. You can always ask for it in the support section of the plugin https://wordpress.org/plugins/jquery-pin-it-button-for-images/ they are responsive 😉

  • Love the post Adrianna. Pin it like crazy. One question though: How did you get the pin it button to only appear over your Pinterest graphic not over your screenshots?

    • Hi, Kate,

      Thank you so much, I’m so happy to hear that!

      Please refer to point 4 in this post, you’d have to check “Single post” and the pin it button will only appear over the featured image 😉

      Please let me know if you have any other questions

      Adrianna

      • Ah. Thank you. With Divi Builder if you try to set “Pinterest Style” photos as the feature image it cuts it off all weird. I’ll play around with and see if I can make it work. Love your blog.

  • Tara Howisey

    You’re amazing, Girl! This post was SO HELPFUL! XO Tara

    • Aww thank you so much Tara! 😉 It means alot to me! xo

  • Great post, this Pin It button has worked wonders for my blog!

    -Tia
    retouchingblog.com

    • That’s great Tia, I’m so happy for you ! 😉

Just launched new Brand & Web Design services! Click here to see the details
Hello. Add your message here.
Almost there! Enter your information below to gain instant access!

Sign up to get your free BoardBooster e-book tutorial
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get your free styled stock image mockup
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get 24 free Pin it & Save buttons for your blog images
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get FREE blog post image template
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Get access to my FREE library of resources for online biz!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Get access to my FREE library of resources for online biz!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get FREE design mistakes checklist
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for waiting list for Up Your Pinterest Game course!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Get access to my FREE library of resources for online biz!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Download FREE step-by-step guide how to enable Rich Pins
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for waiting list for Up Your Pinterest Game course!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for FREE 6-day course & improve your Pinterest results!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get FREE workbook to plan out your email course
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get FREE anatomy of the perfect pin for your blog checklist
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up for waiting list for Up Your Pinterest Game course!
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get FREE set up your Pinterest business profile checklist
I hate SPAM , so I promise to keep your email address safe
Almost there! Enter your information below to gain instant access!

Sign up to get 20 FREE designed Pinterest board covers templates
I hate SPAM , so I promise to keep your email address safe