Save button

When you add the Save button to your site’s pages, your customers can save things straight from your website to Pinterest, allowing even more people to discover your content.

Build a Save button

Image hover and Any image buttons

With Image hover, the Save button appears when somebody hovers over an image on the page. With Any image, they can click the button then choose any image from that page to save.

  1. Go to the Pinterest widget builder
  2. In the "Button type" section, select Image hover or Any image
  3. Tick the boxes next to Round and Large and select a language if you want to customise your button image
  4. Test your button by clicking on the sample image
  5. Once you're satisfied with the button, copy the code provided in the first box under the sample image
  6. Paste this code into the page where you want the button to appear
  7. Copy and paste the code in the second box under the sample image just before the </body> tag on each page where you want the button to appear

One image 

This Save button allows someone to save a single image from your page (note that this button requires some more technical coding).

  1. Go to the Pinterest widget builder
  2. In the "Button type" section, select One image
  3. Tick the boxes next to Round and Large and select a language if you want to customise your button image
  4. Add the URL for the web pages that have the image you want people to save – this can be your homepage or any other page on your site
  5. Open a new window in your browser and go to your website
  6. Right click the image you want people to save and select Copy image URL
  7. Go back to the widget builder and paste the image URL in the Image field
  8. Write a description for your image
  9. Click Build it! to preview the button
  10. Once you’re satisfied with the button, copy the code that appears on the right-hand side of the page
  11. Paste the code between the <body> and </body> tags of each page where you want the button to appear on your site

Make sure that your images are at least 110px in one dimension (height or width) and at least 200px in the other. Images must be at least 120px by 120px to show the hover Save button.

Add the Save button

You can add Save button plug-ins to your Wordpress, Blogger, Tumblr, Wix or Squarespace pages by following the directions provided by those platforms.

Still need help?
Contact us