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.
- Go to the Pinterest widget builder
- In the "Button type" section, select Image hover or Any image
- Tick the boxes next to Round and Large and select a language if you want to customise your button image
- Test your button by clicking on the sample image
- Once you're satisfied with the button, copy the code provided in the first box under the sample image
- Paste this code into the page where you want the button to appear
- 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).
- Go to the Pinterest widget builder
- In the "Button type" section, select One image
- Tick the boxes next to Round and Large and select a language if you want to customise your button image
- 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
- Open a new window in your browser and go to your website
- Right click the image you want people to save and select Copy image URL
- Go back to the widget builder and paste the image URL in the Image field
- Write a description for your image
- Click Build it! to preview the button
- Once you’re satisfied with the button, copy the code that appears on the right-hand side of the page
- 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.