Pinterest Widget Builder

How to use Pinterest widgets

Every Pinterest widget is two pieces: an anchor tag carrying a data-pin-do attribute, and Pinterest's pinit.js script, which finds those anchors and replaces them with the real widget.

Where each piece goes

• Put the anchor tag exactly where the widget should appear.
• Put the script tag once per page, usually just before </body>.
• Including pinit.js more than once on the same page causes unpredictable results, so add it once no matter how many widgets you use.

The two Save button modes

One specific image uses data-pin-do="buttonPin", and always saves the image and description you set. Use it under a product photo or a blog graphic you want pinned a particular way.

Let the visitor pick uses data-pin-do="buttonBookmark", which opens a picker showing every image on the page. Use it as a general share button in a post footer.

If the widget does not appear

• The pinit.js script is missing, or loaded twice.
• The board or profile is secret. Pinterest only renders public boards.
• Your editor stripped the data-pin-do attribute. Paste into a raw or custom HTML block, not a rich text field.
• The pin was deleted, or the username changed.

A note on privacy

Pinterest's script is a third-party script: once it is on your page, Pinterest can see visits to that page. If you publish in the EU or UK, mention it in your cookie notice alongside your other embeds.