What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
The reliable way to add a Pinterest “Pin It” button in WordPress is to use Pinterest’s current Save Add-On builder, copy its generated markup into the location where the control should appear, and load pinit.js once on that page. If you prefer not to edit code, a WordPress plugin can add a hover overlay instead. Choose the button behavior first: hover buttons suit posts with many images, while a one-image button suits pages with several similar products.
Choose the Pinterest button behavior
Pinterest now labels the feature the Save button or Save Add-On; “Pin It” is the older phrase still used by some plugins. The choice determines what visitors save and how much setup is required.
| Button type | What the visitor does | Best-supported use | Setup |
|---|---|---|---|
| Image hover | A Save control appears over eligible images. | A blog page containing multiple images. | Generate the button in Pinterest’s builder and add its snippets. |
| Any image | The visitor clicks the control and chooses an image from the page. | Pages where visitors should select among several images. | Use builder-generated code plus the Pinterest script. |
| One image | The control saves one specified image. | Several similar product images where each button must target a particular image. | Provide the page URL, image URL and description; Pinterest describes this as the more technical option. |
| WordPress plugin | A plugin overlays a Save/Pin It control on post images. | Readers who want configuration through WordPress rather than manual script insertion. | Install, activate and configure a suitable plugin, after checking its current maintenance and compatibility. |
Pinterest’s Business Help recommends hover buttons for image-rich blog pages and one-image buttons for pages with multiple similar products. Its developer documentation describes the any-image behavior as saving any image available on the page.
Method 1: Add Pinterest’s official code
1. Generate the button
- Open Pinterest’s Save Add-On builder.
- Choose Image hover, Any image or One image.
- For hover or any-image buttons, optionally set the shape, size and language, then preview the result.
- For a one-image button, enter the page URL, image URL and description, then preview it.
- Copy the code Pinterest generates. Use the generated code for your site and chosen behavior rather than treating the example below as a complete replacement.
2. Place the snippets in WordPress
Put the first snippet where the button belongs—for example, beside a particular image, inside a post template, or in another location your WordPress installation allows for custom HTML. Put Pinterest’s second snippet just before </body> on pages where the button should appear, following the insertion method supported by your editor, theme or hosting setup.
Pinterest does not document one universal click-by-click script-field workflow for every WordPress.com plan, self-hosted installation, editor and theme. If your editor strips scripts or does not expose a template field, use a permitted custom-code area or the plugin method instead.
Core markup pattern
Pinterest Developers shows this basic pattern:
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>
<a href="https://www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark"> </a>data-pin-do="buttonBookmark" creates the any-image style behavior. For a button tied to one image, Pinterest uses buttonPin and requires that image’s URL in the media attribute. Optional url and description attributes set the Pin destination and description. Keep the Pinterest JavaScript on the page only once, regardless of how many buttons or widgets are present. Omitting pinit.js prevents rendering; loading it more than once can produce unpredictable results, particularly when global configuration attributes are used.
Example of a one-image target
The exact attributes should come from the builder, but the developer pattern is equivalent to:
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Rank #2
<a href="https://www.pinterest.com/pin/create/button/"
data-pin-do="buttonPin"
data-pin-media="https://example.com/images/product.jpg"
data-pin-url="https://example.com/product/"
data-pin-description="Product description"> </a>Replace the example values with real URLs from your page. Do not add a second copy of the script for each image.
Exclude an image from saving
To prevent a specific image from receiving Pinterest’s Save behavior, Pinterest documents the data-pin-nopin attribute for that image.
Method 2: Use a WordPress plugin
The WordPress.org directory lists Simple Pin It Button for Pinterest by Sohel Rana. Its listing describes a customizable “Pin It” or “Save It” overlay for post images, including controls for placement, colors, autohide and text.
Rank #3
- In WordPress, open Plugins and choose Add New.
- Search for Simple Pin It Button for Pinterest, or upload the plugin package if you obtained it through the directory.
- Install and activate it.
- Open the plugin’s settings and configure placement, appearance, autohide and button text.
- View posts on the front end and test saving from desktop and mobile layouts.
A directory listing confirms that the plugin exists; it is not a guarantee of current WordPress-version compatibility, maintenance quality or official Pinterest endorsement. Check the listing’s latest update and compatibility information before installing, and remove it if it conflicts with your theme or another Pinterest integration.
Image-size requirements are not identical across Pinterest pages
Pinterest’s official documentation gives different thresholds. Pinterest Business Help says images should be at least 110 pixels in one dimension and 200 pixels in the other for the Save Add-On, and 120 × 120 pixels for hover display. Pinterest Developers says images need at least 100 × 200 pixels for saving and 200 × 200 pixels for the hover button.
These figures should not be collapsed into one definitive minimum. Check the live builder, use sufficiently large source images, and test the rendered control on your own pages. The thresholds describe whether Pinterest can use an image; they are not performance statistics.
Rank #4
Test the button before publishing
- Open a published page in a private browser window.
- For hover mode, move over several eligible images and confirm the Save control appears only where expected.
- For any-image mode, click the control and verify that the image picker includes the intended images.
- For one-image mode, confirm that the selected image, destination URL and description are correct.
- Use a phone-sized viewport as well as desktop; overlays can be hidden by responsive layout or image treatments.
- Open the browser’s developer console if nothing renders and check that
pinit.jsis present only once.
Troubleshoot common failures
The button does not appear
- Confirm that the Pinterest script is present on the page and that its source is
//assets.pinterest.com/js/pinit.js. - Ensure the script was not omitted, placed where your WordPress editor removed it, or inserted more than once.
- Republish the page and clear any page, CDN or browser cache before testing again.
Only some images receive a button
Check the image dimensions against the source-specific Pinterest thresholds above. Also verify that the missing image does not carry data-pin-nopin and that your chosen button type is appropriate for the page.
The wrong image or destination is saved
Use the builder’s one-image fields or the correct buttonPin attributes. Check the image URL, page URL and description for typos, redirects and access restrictions.
The plugin overlay conflicts with the official code
Do not run two systems that both add Save controls to the same images. Disable one integration, clear caches, and test again. If the plugin is outdated or incompatible with your WordPress version, use Pinterest’s generated code where your installation permits it.
Which method should you use?
- Choose official code when you need a specific any-image or one-image behavior and can safely insert Pinterest’s snippets.
- Choose a plugin when you want visual settings and your WordPress installation does not provide a practical place for custom scripts.
- Choose hover mode for image-heavy articles; choose one-image mode when each control must point to a particular product image.
Frequently Asked Questions
Is “Pin It” different from Pinterest’s Save button?
No. “Pin It” is the familiar legacy phrase; Pinterest’s current documentation calls the feature the Save button or Save Add-On.
Can I add several Pinterest buttons to one page?
Yes. Pinterest’s developer guidance allows multiple buttons or widgets, but the Pinterest JavaScript must be loaded once per page, not once per button.
Can I hide the Save button on one image?
Yes. Pinterest documents the data-pin-nopin attribute for images that should not be saved.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
