Build a Pinterest widget
Pick what you want on your site, paste the Pinterest link, and copy the code. Uses Pinterest's official embed script.
What do you want to add?
Which widget should you use?
- Save button on a blog or shop. It is the single biggest driver of pins from a website: every image gets a Save button on hover, or you place one next to a specific image.
- Follow button in your sidebar or footer, next to your other social links.
- Pin embed inside a post, to show one pin, for example a tutorial or product you are discussing.
- Board embed on a “mood board” or inspiration page. It shows up to 50 of the board's latest pins in a scrolling grid.
- Profile embed on an about page, to show your latest pins and invite a follow.
Tips for Save buttons that get used
- Use tall images on the page. People save what looks good on Pinterest, and a 2:3 image saves as a proper pin.
- Set a description for the specific-image button. Pinterest fills the pin's description from it, so put the keyword in.
- Keep the script once per page and near the end of the body so it never blocks the page from drawing.
- Hidden images: if you want a pin-sized image to be saved without showing it on the page, use the specific-image button and point it at that image.
Frequently asked questions
- Is this the same code Pinterest's own widget builder makes?
- Yes. It produces the official pinit.js markup documented by Pinterest, with the same data-pin attributes. Pinterest draws the widget on your page; we only write the HTML for you.
- Do I need a Pinterest account or API key?
- No. Embeds and buttons are public features. You only need the link to the pin, board or profile you want to show.
- Why is the preview blank?
- Pinterest's script needs to reach assets.pinterest.com and the content must be public. Ad blockers, private boards and some corporate networks stop it. The copied code still works on a normal website.
- Will a Save button slow my site down?
- The script is loaded asynchronously and is small. Include it once per page, near the end of the body, as Pinterest recommends. Adding it more than once can cause odd behaviour.
- Can I style the Save button myself?
- Pinterest offers a rectangle or round style, two sizes, and an optional save count. For a fully custom button use Pinterest's data-pin-custom attribute and your own CSS, which this tool does not generate.