If you have not read our Create a rich Pin article yet, we recommend starting there.
How product Pins appear
Product Pins are a type of rich Pin, enriched with metadata and formatted to let people on Pinterest know that they're shoppable. They feature the most up-to-date price, availability and product title and description from your website. In some cases, your Pin might read “Best seller” if across different merchants, it’s one of the most purchased items within a Pinterest product category, or it might read “Popular” if it’s one of the most clicked product Pins within a product category on Pinterest. These labels do not refer to an individual merchant’s sales activity.
Note: In the US and UK, this info will only show up on your product Pins if your product is in stock, the price is accurate, we've updated the data in the past three days and you’re on our list of merchants. Please fill out this form to apply if you’re not.
Why and how to add product Pins to your website
Product Pins lead people on Pinterest to your site where they can purchase your products. This means people need to be able to buy the product directly from your website before you can add the product Pin to Pinterest.
You can create product Pins on your website as outlined below or by using catalogs. Use catalogs to upload a data source of your products and create product groups to group similar product Pins together. Only product Pins created using catalogs can be promoted as shopping ads.
Add product Pins to your website
Add product Pins to your website so they can automatically sync information from your website to your Pins. If something changes on your website, the product Pins will update to reflect that change.
- Add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page you want to enable product Pins on.
- Use our rich Pin validator to make sure we can see the rich Pin data.
- If everything looks good, click Apply now. Make sure to pick the right markup type when applying.
Open Graph and Schema.org markups
Here are the required rich Pin fields for each type of markup. Edit the capitalized or numeric green text to reflect your products.
Open Graph markups:
<meta property="og:title" content="De Young Copper Bookmark" />
<meta property="og:type" content="product" />
<meta property="product:price:amount" content="15.00" />
<meta property="product:price:currency" content="USD" />Schema.org markups:
<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="De Young Copper Bookmark" />
<meta itemprop="url" content="Https://shop.famsf.org/do/product/BK5160" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<span itemprop="price">.00</span>
<meta itemprop="priceCurrency" content="USD” />
<meta itemprop="availability" itemtype="https://schema.org/ItemAvailability"
content="https://schema.org/InStock" />
</div>You do not need to add any markup if your website is hosted by Etsy, Teachers Pay Teachers, or eBay. New Pins from these sites will have product information on them within 24 hours.
To add product Pins from Shopify, open our rich Pin validator, paste in your product link and add ".oembed" to the end of your link—you'll see all the rich Pin information for your product. Apply for rich Pins from this page (make sure you select Shopify when applying).
Add product Pins to your Shopify store
- Open a specific product URL on your Shopify site. This is a page that has a Buy or Add to bag button.
- Copy and paste this product URL into the rich Pin validator and type .oembed at the end of your product URL. You’ll see all the rich Pin information for your product.
- Click Validate.
- After the preview appears, click Apply. You only need to apply with a single product URL from your website.
Your product Pins will become rich Pins within 24 hours.