How to add a Pinterest Save button to your website

The Save button lets visitors save images from your website straight to Pinterest, so more people find your content there. It's one of five Pinterest add-ons, alongside the Follow button and the Pin, board and profile widgets. Pick the type first:

Sources: Pinterest Business Help: Add a Save Add-On, checked 15 October 2026; Pinterest Developers: About add-ons, checked 15 October 2026

These are Pinterest's steps using its add-on builder, which writes the code for you:

1. Go to Pinterest's add-on builder.
2. Under Button type, select Image hover or Any image.
3. Tick Round and Large, and choose a language, if you want to change how the button looks.
4. Test the button by clicking the sample image.
5. Copy the code in the first box under the sample image and paste it where you want the button on your page.
6. Copy the code in the second box and paste it just before the </body> tag on each page where the button should appear.

Source: Pinterest Business Help: Add a Save Add-On, checked 15 October 2026

A one-image button always saves the same picture, with the description you write:

1. In the add-on builder, under Button type, select One image and choose the style.
2. Add the URL of the web page that has the image.
3. Open your site in a new window, right-click the image and select Copy Image URL.
4. Paste the image URL into the Image field and write a description.
5. Click Build It! to preview the button.
6. Copy the code shown and paste it between the <body> and </body> tags of each page where the button should show.

• Images should be at least 110 pixels in one dimension and at least 200 pixels in the other
• On WordPress, Blogger, Tumblr, Wix or Squarespace, follow that platform's own directions for its Pinterest plug-in instead

Source: Pinterest Business Help: Add a Save Add-On, checked 15 October 2026

Pinterest's developer docs give the raw code. Include the pinit.js script once per page, however many Pinterest add-ons you use, then add an anchor with data-pin-do="buttonBookmark" where the button should go. These attributes change how it behaves:

• Don't put the pinit.js script on pages without Pinterest add-ons, and keep it off pages with sensitive material
• Custom-designed buttons must follow Pinterest's brand guidelines

Sources: Pinterest Developers: Buttons, checked 15 October 2026; Pinterest Developers: About add-ons, checked 15 October 2026

Work through these checks, most common first:

1. Check the image is at least 120 by 120 pixels; smaller images don't get the hover button.
2. Check the pinit.js script is on the page, once, and the snippet is just before the closing body tag.
3. Check the image doesn't carry data-pin-nopin or data-pin-no-hover.
4. On a phone, look for the sticky Save button rather than a hover button, unless data-pin-sticky is set to false.
5. If you expected a Pin count, note that counts only show on one-image rectangular buttons, not round, hover or custom ones.

• Claim your website as well: whenever an image from a claimed site is saved, your profile picture appears with the Pin, it links to your profile and people see the option to follow you

Sources: Pinterest Business Help: Add a Save Add-On, checked 15 October 2026; Pinterest Developers: Buttons, checked 15 October 2026; Pinterest Business Help: Claim your website, checked 15 October 2026

Disclosure: this is our product. A Save button lets visitors pin your images; Zolyp covers the other half. It creates your own Pinterest Pins with search-friendly titles and descriptions and publishes them to your board on the schedule you approve. There's a 3-day free trial, no card required.