ilektronx

<p>MetaPin was written to do one thing, and hopefully do that one thing well. That one thing? Add metadata to img tags that Pinterest can use to get relevant information about the image. This allows you to change the image that gets pinned, restrict pinning of an image, ensure that all pins will be consolidated to the correct pin on Pinterest, specify the URL that is pinned, and provide rich pin descriptions without spamming your alt or title attributes.</p>
<p>MetaPin allows you to change the pin attributes for every instance of an image. This means that you’ll be able to use an image on multiple posts, say one an item description and category aggregation page, and configure different pin descriptions for each instance of that same image.</p>
<p>The MetaPin plugin is very simple, and you’ll only see a panel show up when you edit an image inserted into a post either with the block editor or classic editor. You will see the fields for each of the configurable items listed below.</p>
<p>The following data is added to instances of images embedded in posts:</p>
<h4>data-pin-description</h4>
<p>Pin description allows you to add hashtags and more wordy pin descriptions without spamming your alt attribute for your images. This can help with SEO and ensure that all the images on a page generate the same pin description</p>
<h4>data-pin-url</h4>
<p>The URL provided here will change which URL the pin created from this image will point to. This could, for example, be used to add UTM tags to pins to be able to track how many clicks you get on your pins because somebody pinned an image from your site.</p>
<h4>data-pin-id</h4>
<p>The Pin ID is less straightforward. Each pin has a unique ID, and this allows you to ensure that when an image is pinned that it counts as the same image as the one with the pin ID that was provided.</p>
<h4>data-pin-media</h4>
<p>The media URL provided here allows you to “force” or encourage a user to pin a different image or media than the one that they chose. This allows you to have a long pinnable image that shows up on the pin that is never loaded on the page that you want them to pin.</p>
<h4>data-pin-nopin</h4>
<p>Simply put, this attribute tells pinterest not to allow pinning of this image.</p>
<p>All of these attributes are just metadata that a pinning client that doesn’t conform to Pinterest’s guidelines may choose to ignore.</p>


MetaPin

Lame name, awesome and simple functionality. Meta for Pinterest adds fields for meta data used by Pinterest in  tags to generate pins.

mrsztuczkens

Rob W

Alexandre Simard

redearthdesign

<p>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.</p>
<p>The plugin allows you to:</p>
<ul>
<li>choose from where the pin description should be taken </li>
<li>choose which pictures shouldn’t show the “Pin it” button (using classes)</li>
<li>choose which pictures should show the “Pin it” button (all images, post images, images with certain class(es))</li>
<li>choose if you want to show the “Pin it” button on home page, single posts, single pages or category pages</li>
<li>disable showing the button on certain posts and pages</li>
<li>choose transparency level depending on your needs</li>
<li>use your own Pinterest button design</li>
</ul>
<p>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.</p>
<p><strong>Translators</strong><br />
– Spanish (es_ES) –  Andrew Kurtis <a href="http://www.webhostinghub.com/" rel="nofollow ugc">WebHostingHub</a></p>
<p>If you want to learn more about the plugin, visit its website: https://highfiveplugins.com/jpibfi/jquery-pin-it-button-for-images-documentation/</p>
<p>(This plugin is not related to or endorsed by Pinterest or its affiliates)</p>


jQuery Pin It Button for Images

This plugin is easy.  EASY. To use.  In less than 5 minutes you can declare which images on your site via a simple CSS selector string.  Anyone with some jQuery or CSS education will be able to master this in minutes.  I'll keep this tool handy on other projects.

Kudos!

Super easy and simple to use

Highlights images on hover and adds a Pinterest "Pin It" button over them for easy pinning.

MetaPin vs jQuery Pin It Button for Images