Use code BLACKFRIDAY through Dec. 1st for 30% off!

How to use Pinterest image hover pins

In Novashare you can enable Pinterest pins that appear when hovering over an image in your content. This enables your visitors to easily pin an image from your site to Pinterest.

This feature is done entirely with inline CSS on the front-end with no additional JavaScript (and no jQuery). You can see this in action on the Novashare demo. We also have more styles coming for the Pinterest hover pin.

Pinterest image hover pin
Novashare Pinterest image hover pin

How to enable image pins

Follow the steps below to enable Pinterest image pins.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click the “Pinterest” tab. Toggle on the “Enable Image Pins” option.

Step 3

Scroll down and click “Save Changes.”

You will also want to choose the post types where you want to display the Pinterest image hover pins.

Choose post types

Follow the steps below to choose which post types where you want to display the Pinterest image hover pins.

Step 1

Click into the Novashare plugin settings.

Novashare plugin settings
Novashare plugin settings

Step 2

Click the “Pinterest” tab. Under “Post Types” select which post types you want to display the Pinterest image hover pins. On most sites, you will probably select posts.

Novashare Pinterest image hover post types
Novashare Pinterest image hover post types

Step 3

Scroll down and click “Save Changes.”

Customize pin title and pin description

You can customize the pin title and pin description that is sent to Pinterest when someone pins an image. If you are using the WordPress Block Editor, click on an image and you will see the Novashare “Pin Title” and “Pin Description” fields on the right-hand side.

Novashare pin title and pin description
Novashare pin title and pin description

Note: Pinterest does not yet support passing both a title and description from a pin. We’ve added both fields in advance in case you want to save time later, but currently, only the title will be sent to Pinterest.

The above fields are also available in the Classic Editor.

Add a pin repin ID

The pin repin ID can help increase your share counts by associating existing saved pins from your website on Pinterest. To find a pin’s ID, simply click into an already existing pin on Pinterest. In your browser’s address bar you will see the pin’s ID.

Pin repin ID
Pin repin ID

If you are using the WordPress Block Editor, click on the image you want to associate with an existing pin. On the right-hand side, paste the pin’s ID.

Pin repin ID in the Block Editor
Pin repin ID in the Block Editor

The above field is also available in the Classic Editor.

Disable pinning

Disabling pinning prevents the image from being shown in the Pinterest multi-select tool (for example, with the Chrome extension). It also prevents the Pinterest hover button from showing on an image.

If you are using the WordPress Block Editor, click on the image you want to disable pinning. On the right-hand side, toggle on the “Disable Pinning” option.

Disable pinning
Disable pinning

The above option is also available in the Classic Editor.

Was this article helpful?

Related Articles