Build the embed code for Pinterest's official add-ons: a Save button, a Follow button, a Pin, Board, or Profile widget, or a profile's RSS feed link. Fill in the form, copy the code, and preview it live with Pinterest's own script.
Embed code
Preview
Click Load live preview to render the widget with Pinterest's own script (loads assets.pinterest.com).
How it works
Pinterest's add-ons are plain HTML tags that Pinterest's pinit.js script turns into buttons and widgets when the page loads. data-pin-do="buttonPin" makes a Save button. buttonBookmark makes the any-image picker. buttonFollow makes a Follow button. embedPin, embedBoard, and embedUser make the Pin, Board, and Profile widgets. This builder writes those tags for you from the form. It adds the size and layout attributes Pinterest documents: data-pin-tall, data-pin-round, and data-pin-count for buttons, and data-pin-board-width, data-pin-scale-height, and data-pin-scale-width for widgets. It also adds the script tag to include once per page.
Live preview renders the widget with Pinterest's real script, so you see exactly what visitors will. It loads only when you click the button. The hover variant has no preview because it would add buttons to every image on this page. RSS feed builds the public feed URL for a profile or board, which needs no script at all.
Everything runs in your browser. Nothing connects to your Pinterest account, and your last settings are remembered only on your own device. For a Save button that pre-fills a good description, give each image a data-pin-description attribute. The Pinterest Pin Description Generator writes it.
What you will see
- Save button
- One image (fixed URL, image, and description), Any image (Pinterest's picker), or Hover on all images (one attribute on the script tag). You set the size and shape, and an optional save count for the rectangle button.
- Follow button
- A button linking to a profile with your own label. Pinterest styles it.
- Pin widget
- One pin rendered in small, medium, or large, with or without its description.
- Board and Profile widgets
- A scrolling grid of a board's or profile's latest pins, up to 50. You set the widget width, grid height, and thumbnail width within Pinterest's minimums.
- RSS feed
- The public feed URL for a profile (
/username/feed.rss) or a board (/username/board-name.rss). - Embed code
- The generated snippet. Copy code puts it on your clipboard. The
pinit.jsscript goes once per page, before</body>. - Preview
- The widget rendered by Pinterest's script after you click Load live preview.
Frequently asked questions
How do I add a Pinterest Save button to my website?
Pick Save button, choose the variant, and paste the generated code where the button should appear. The snippet has two parts. The button itself is an <a data-pin-do="buttonPin"> tag. Pinterest's pinit.js script is the other part. You include it once per page, ideally just before </body>. The script turns every data-pin-do tag on the page into a working widget.
What is the difference between the one image, any image, and hover Save buttons?
One image saves a specific image with a fixed URL and description. It suits a "Pin this" button under a featured photo. Any image opens Pinterest's picker so the visitor chooses which image on the page to save. Hover adds a Save button to every image on the page when the mouse moves over it, with no per-image markup. You add one attribute to the script tag.
Can I embed a Pinterest board or profile on my site?
Yes. The Board widget shows a board's latest pins, up to 50, in a scrolling grid. The Profile widget does the same for a profile's latest pins. Set the widget width, the grid height, and the thumbnail width. Pinterest's minimums are 130 px wide, 60 px high, and 60 px thumbnails.
Why does the preview say it needs to load Pinterest's script?
The live preview renders the widget exactly as your visitors will see it, using Pinterest's own pinit.js from assets.pinterest.com. It loads only when you click Load live preview, so nothing from Pinterest runs on this page until you ask. The hover variant has no preview because it would add buttons to every image on this page.
How do I control what gets saved from my images?
Add attributes to the <img> tags. data-pin-description sets the description Pinterest pre-fills when someone saves that image. data-pin-media swaps in a different, larger, vertical image. data-pin-url overrides the link. data-pin-nopin="true" hides an image from the Save button. To block saving from a whole page, add <meta name="pinterest" content="nopin">. The Pinterest Rich Pins Validator reports which of these a page already uses.
Does Pinterest have RSS feeds?
Yes. Every public profile and board has one: pinterest.com/username/feed.rss for a profile and pinterest.com/username/board-name.rss for a board. Each lists the latest pins. Pick RSS feed, enter the username and the board if you want one, and copy the link into your feed reader, newsletter tool, or automation.
Does the widget builder connect to my Pinterest account?
No. The code is built in your browser from the values you type. Nothing is stored anywhere except your own browser, which remembers your last settings. The live preview talks only to Pinterest's public widget script, the same one your website will load.
Is the Pinterest widget builder free?
Yes, free with no signup and no usage limits. Everything runs in your browser. The widgets themselves are Pinterest's official add-ons and are free to use on any website.