[Sharing -> Pinterest Pro] How to use Pinterest image hover pins with Pinterest Pro (setup and tools you can use)

Overview

The Pinterest Pro is a powerful Easy Social Share Buttons for WordPress specially made to use the power of images on your site. The activation and setup of options you can find in the plugin menu Social Sharing -> Pinterest Pro.

Tools for Images

The tools for images can be used even when the Pinterest Pro share button is not enabled on your site. But having the best results it is highly recommended to use the plugin static and privacy safe Pin button for images. All options in the section use a javascript code after page load to make the adjustments.

• Fill custom Pinterest message on all images – this option will get the custom Pinterest message (or the post title if not filled) and set it as an alternative text (alt=”” attribute) to all images that do not have. No matter you enable the plugin Pin button or any other Pin image button, the sharing will always refer to the alternative image text for filling the share message. That is why the field needs to be populated with correct information. If you have a problem with image sharing it is highly recommended to enable this option.
• Make all images Pin the custom image set on post – the option will set a custom Pin message you have on all images inside content. It will use the custom Pinterest attribute, without affecting the existing alternative text. It is helpful if you need to make an optimized sharing no matter of the image. The option will work only if you are not using the Pinterest share button for Pin any image on site.
• Force sharing of responsive thumbnail images – if your theme uses WordPress responsive images, the activation of this option will tell the plugin Pin button to scan for the largest possible image for Pin. That will avoid sharing the thumbnail instead of the full-size image.
• Fill Pin ID from the post customizations on all images – the option will set the Pin ID from the settings to all images. This will change the Pin the current image to a re-pin of the Pin ID you provide.

Image Pin Button On Hover

Automatically assign a static Pin button on the images of your site.

• Template, Button Style, Button Size, Animation – the style settings of the Pin button. You can use any of the existing plugin templates, styles, and sizes (to make button consistent with the other share buttons on-site).
• Position Over Image – determine where the button will appear over the image. You can choose from various options. Hints! The top locations are not friendly when you have tall – the button may appear outside the visible area. The most converting locations for the button are Middle or Bottom Right.
• Don’t Show On – fill the specific path of images that will not show the Pin button. You can set up using the standard CSS/jQuery selector reference. If multiple separate with a comma. Example: .specific-class img, .dont-pin
• Custom Image Selector – fill the specific path of images that will show the Pin button. You can set up using the standard CSS/jQuery selector reference. If multiple separate with a comma. Example: .specific-class img, .force-pin
• Pin Action Text – setup custom call-to-action text for the Pin button. The text will remain visible only if you choose a button style that shows the text (hidden on iconic designs).
• Minimal Image Width & Minimal Image Height – setup the minimal image size for Pinning. The default values in both fields are 300 px (width and height). You can set up your own. Any image that is rendered below any of the sizes won’t show the button. Hint! If you wish to make button visible on mobile, you can change the default values and setup for example 200 (on both).
• Don’t Show on Images With Links – enable if you wish to avoid sharing of images that are wrapped inside a link. Usually, those images may point to a different page (custom links) and it does not need to have a Pin button.
• My Images Have Lazy Loading – if you are using lazy-loading images on your site to improve page loading speed, the Pin button may not appear on images outside the visible area. This happens because those images are not visible (loaded) when detector runs. Enable this option to make plugin continuously scan for new images on scroll down.
• Always Use Custom Pinterest Description – does exactly what it says. The option will setup on all images the custom Pinterest description you fill inside settings.
• Correct Button Position – the option is designed to fix the button positioning over images that do not take the entire content width. Enable it if you have such a visual glitch on site.

Exclude Display On

Allow excluding the function on specific places of your website. You can limit the button by:

• Post types – choose the post types where the button for image Pin won’t be added.
• Deactivate on the following post IDs – exclude display on posts or pages with specific ID – example 15,20,25
• Deactivate on the following URLs – exclude display on specific URLs of your website. One per line without the domain name. Use (.*) wildcards to address multiple URLs under a given path. Example: /profile/(.*)

Pinterest Pro Shortcodes: Image & Gallery Pin Button Style

In this panel, you have the same design options as for the Pin of image button. The settings will be used only if you set up an on-site image for Pin or Pinnable gallery via the plugin shortcodes. In case you don’t plan to use the features there is no need for any setup.

[ pinterest-gallery ]

[ pinterest-gallery ]

For an option reference, you can check the described in the above section.

Additional Options

• • Pinterest Share Button Modes – What is the difference and which of them to use on-site
  • Configure Additional Network Options