Rich Pins are a type of organic Pin that automatically syncs information from your website to your Pins. You can identify rich Pins by the extra information above and below the image when you click into the Pin. If something changes on the original website, the rich Pin periodically updates to reflect that change.
Rich Pins are a free product available to anyone on Pinterest with a business account. In order to create rich Pins, you will first need to have or
Note: Article rich Pins and recipe rich Pins will automatically update to reflect any edits you may make on your site. We’ll only show information about your product rich Pin if you've met our
You'll need to validate your rich Pins before you can start using them. This is to ensure your data syncs properly.
Once you apply, we’ll process your application within 24 hours.
When your site is approved, all content from webpages that have the correct meta tags will appear as rich Pins when you
If you want to remove rich Pin data from a specific page on your site, add this tag to the header of your page before the closing body tag:
<meta name="pinterest-rich-pin" content="false" />
The tag will override the rich Pin meta tags on that page only. All other pages on your site will remain unaffected unless you add the tag to those individual pages. If you ever want to turn rich Pins back on, remove this tag.
Recipe Pins let you add a title, serving size, cook time, ratings, and a list of ingredients to recipes from your site. You can also display if a recipe is paleo, vegetarian, vegan or gluten-free.
Add recipe Pins to your site
- Add Schema.org or h-recipe markups between the <head> </head> section of your HTML code for each page you want to enable recipe rich Pins on.
- Use our Rich Pins Validator to make sure we can see the rich Pin data.
- If everything looks good, click Apply now. Make sure to pick HTML tags when applying.
Recipe ratings
You can add ratings info to your recipe rich Pins. To do so, add the meta tag needed via Schema.org markup. If you need help implementing ratings info to your site, visit Schema.org or take a look at this sample Pin to see how bettycrocker.com has set up their Pin.
Note: ratings info can only be added using Schema.org markup (not h-recipe) and ratings info will only appear on iOS and Android devices.
Schema.org and h-recipe markups
Here are the required rich Pin fields for each type of markup. Edit the fields in black to reflect your recipes:
<div itemscope itemtype="https://schema.org/Recipe">
<span itemprop="name">
Orange-Pineapple-Carrot Smoothie</span>
<span itemprop="description">
Description of your recipe.</span>
<span itemprop="aggregateRating">
Aggregate rating will show here</span>
<meta itemprop="url"
content="https://myrecipesite.com/pineapple.html" />
<span itemprop="recipeYield">Serves 1</span>
Ingredients:
<span itemprop="ingredients">ingredient 1</span>,
<span itemprop="ingredients">ingredient 2</span>,
<span itemprop="ingredients">ingredient 3</span>,
<span itemprop="ingredients">
add as many ingredient tags as you need</span>.
Instructions:
<span itemprop="recipeInstructions">
Put the pineapple, ice, orange juice, carrot and
banana in a blender. Blend until smooth.</span>
</div>
h-recipe tags:
<article class="h-recipe">
<h1 class="p-name">Bagels</h1>
<ul>
<li class="p-ingredient">Flour</li>
<li class="p-ingredient">Sugar</li>
<li class="p-ingredient">Yeast</li>
</ul>
<p>Takes <time class="dt-duration" datetime="1H">1 hour</time>,
serves <data class="p-yield" value="4">four people</data>.</p>
<div class="e-instructions">
<ol>
<li>Start by mixing all the ingredients together.</li>
</ol>
</div>
</article>
Check out our developer site to learn more.
An article is a page that contains text, like a news article or blog post. We do not consider listicles or pages with mostly images and little text to be articles.
Add article Pins to your site
- Add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page you want to enable article rich Pins on.
- Use our Rich Pins Validator to make sure we can see the rich Pin data.
- If everything looks good, click Apply now. Make sure to select HTML tags when you submit through the Rich Pins Validator.
Open Graph and Schema.org markups
Here are the required rich Pin fields for each type of markup. Edit the capitalized fields to reflect your articles.
Open Graph markups:
<meta property="og:title" content="Title of your Article"/>
<meta property="og:description" content="Description of your article" />
<meta property="og:type" content="article" />
Schema.org markups:
<meta property="og:site_name" content="Example Site” />
<div itemscope itemtype="https://schema.org/article">
<meta itemprop="url" content="Https://www.example.com/2013/10/article.html" />
<span itemprop="name" content="Article Title” /> by <span itemprop="author" content="Johh Doe” />
<span itemprop="description">A description or summary of the article.</span>
</div>
Product Pins are a type of rich Pin that feature the most up-to-date price, availability, product title and description from your website. In some cases, your Pin might have a “Best seller” badge if it’s one of the most purchased items within a Pinterest product category across different merchants. Or, it might have a “Popular” badge if it’s one of the most clicked product Pins within a product category on Pinterest.
Note: 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 recently and you meet our merchant guidelines.
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.
Add product Pins from 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.
- Open our rich Pin Validator and paste in your product link.
- Add “.oembed” to the end of your link. You’ll see the rich Pin information for your product.
- Select Shopify as your mark up option
- Click Validate
- After the preview appears, click Apply. You only need to apply with a single product URL from your website.
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 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.