Carissa Coles

Facebook Ads Expert in the Philippines

  • About
  • Services
    • Facebook Ad Services
    • Social Media Audit
    • Social Media Coaching
  • Praises
  • Blog
  • Contact

How to Install a Pinterest Pin It Button For Images Plugin

Carissa Coles Leave a Comment

Pinterest users is growing so you might want to include some strategies for your business using this platform.

I’ve been visiting websites lately and one of the websites that caught my attention is Jon Loomer‘s site. I was looking at the pictures on his blog post and noticed the Pin it button when you hover your mouse on the images. It’s amazing! I want this too on my site.

I look for WordPress plugin that has this capability and gladly I’ve found the Pinterest Pin It Button For Images.

The Pinterest Pin It Button For Images plugin is only visible when you hover over your images, as you can see in the images below.

Configuring the Pin It Button for Images Plugin Settings

On your WordPress dashboard, just go to “Settings” then “Pinterest Pin It”. You’ll need to set the content width and decide where you would like the pin it button to display.
Pin It Button for Images Plugin Settings
Now this you may need a trial and error. You have to make sure that the Pin It button is at the right place. Try reducing or adding the width if that is the case.

Make the Pin It Button Visible

If you want the button displayed at all times, we need to alter the plugin code.

On your WordPress dashboard, just go to “Plugins” then “Editor”. From the drop-down choose “Pinterest Pin It Button For Images”.

Select the pinterest-pin-it-button-for-images/ppibfi_pinterest.css. You’ll just need to find the piece of code and replace it with the new code.

Pin It Button for Images Plugin

Find this snippet of code

[css].pibfi_pinterest .xc_pin,  .pibfi_pinterest img {   -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out;  }[/css]

And replace with this…

[css].pibfi_pinterest .xc_pin,  .pibfi_pinterest img  .pibfi_pinterest_hover {   -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; transition:opacity .2s ease-out; opacity: .7;  }[/css]

This is what you’ll get. Pinterest ‘Pin It’ button will now be visible to readers.

Pin It Button for Images

Have you tried incorporating the Pinterest Pin It Button for Images plugin on your blog? If yes, please share your thoughts with us in the comments.

Filed Under: Wordpress Plugins

Leave a Reply Cancel reply

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


An answer to feeling overwhelmed in social media. Subscribe to my mailing list and I'll send you this FREE gem as my way to say thank you: Simplified Social Media Setup Guide

Topics Worth Digging

  • Social Media
  • Ecommerce
  • Tools & Resources
  • Online Marketing
  • Tools & Resources
  • WordPress Plugins

Connect with me

  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter

Recent Posts

  • 4 Facebook Newsfeed Posts to Get Your Audience Attention
  • Pimp up Your Pinterest Boards with Pinstamatic
  • Don’t Miss Out Any Update, Fix Gmail Category Tabs
  • How to Change your LinkedIn Public Profile URL
  • How to Install a Pinterest Pin It Button For Images Plugin

Quick Links

  • About
  • Services
    • Facebook Ad Services
    • Social Media Audit
    • Social Media Coaching
  • Praises
  • Blog
  • Contact

Receive My FREE Stuff

I'll show you the simple steps to set up your social media accounts.

I respect your privacy. Your email is safe with me.

Latest Tweets

  • CarissaColes The latest Carissa Coles Social! t.co/DAJVPVJCwB #seo #socialmediamarketing Time ago 23 Hours via Paper.li Reply - Retweet - Favorite
  • The latest Carissa Coles Social! t.co/WR7DaBEtQ4 #seo #socialmediamarketing Time ago 2 Days via Paper.li Reply - Retweet - Favorite

Follow @carissacoles on twitter.

Copyright 2014 © · Carissa Coles · Facebook Ads Expert, Strategist, Analyst in the Philippines · Privacy Policy ·

Powered by Emerge

Go to mobile version