BACK TO DIRECTORY

jQuery Pin It Button for Images

by mrsztuczkens

4.6
(305 ratings)

If you’re looking for an easy way to pin images in your blog posts and pages, this plugin will help you with that. It highlights images and adds a “Pin it” button over them once the user hovers his mouse over an image. Once the user clicks the “Pin it” button, the plugin shows a pop-up window with the image and a description. Everything is ready for pinning, although the user can alter the description.

The plugin allows you to:

  • choose from where the pin description should be taken
  • choose which pictures shouldn’t show the “Pin it” button (using classes)
  • choose which pictures should show the “Pin it” button (all images, post images, images with certain class(es))
  • choose if you want to show the “Pin it” button on home page, single posts, single pages or category pages
  • disable showing the button on certain posts and pages
  • choose transparency level depending on your needs
  • use your own Pinterest button design

Once you activate the plugin, it’s ready to go with the default settings – button appears on all images within the body of your posts/pages that aren’t marked with “nopin” or “wp-smiley” classes.

Translators
– Spanish (es_ES) – Andrew Kurtis WebHostingHub

If you want to learn more about the plugin, visit its website: https://highfiveplugins.com/jpibfi/jquery-pin-it-button-for-images-documentation/

(This plugin is not related to or endorsed by Pinterest or its affiliates)

Screenshots

Base image in a blog post

Base image in a blog post

Highlighted image and "Pin it" button on hover

Highlighted image and "Pin it" button on hover

Settings panel

Settings panel

Pinterest pop-up window

Pinterest pop-up window

Plugin Details

Active Installs
10K+
Total Downloads
707,071
Version
3.0.6
Requires WP
3.3.0
Requires PHP
Tested Up To
5.5.20
Added
2012-12-03
Last Updated
2020-10-01 5:06am GMT

Ratings

5
261
4
21
3
2
2
2
1
19