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 is periodically updated 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 create a free business account.

Types of rich Pin
  • Recipe rich Pins add a title, serving size, cook time, ratings, diet preference and a list of ingredients to recipes that you save from your site.
  • Article rich Pins add the headline or title, the description and the author of the article or blog post from your site.
  • Product rich Pins include the most up-to-date pricing, availability and product information directly on your Pin.
  • Note: Article rich Pins and recipe rich Pins will be updated automatically to reflect any edits that you may make on your site. We’ll only show information about your product rich Pin if you've met our merchant guidelines and if the product is in stock.

    Validate your rich Pins

    You'll need to validate your rich Pins before you can start using them. This is to ensure that your data syncs properly.

  • If you have product, article or recipe content on your site, you’ll need to add rich meta tags to those web pages.
  • After adding meta tags to your web pages, validate one of your correctly marked-up content pages in the Rich Pin validator
  • If the web page you are applying with is marked up correctly, you’ll see an approval message
  • When you apply, we’ll process your application within 24 hours.

    When your site has been approved, all content from web pages that have the correct meta tags will appear as rich Pins when you create a new Pin. Existing Pins that link back to pages with rich meta tags will now appear as rich Pins.

    Remove rich Pin data

    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

    1. Add Schema.org or h-recipe markups between the <head> </head> section of your HTML code for each page that you want to enable recipe rich Pins on.
    2. Use our Rich Pin validator to make sure we can see the rich Pin data.
    3. If everything looks good, click Apply now. Make sure that you 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 have a look at this sample Pin to see how bettycrocker.com have 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 mark-ups

    Here are the required rich Pin fields for each type of mark-up. 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 appear 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 into 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 of the ingredients together.</li>
        </ol>
      </div>
    </article>

    Take a look at our developer site to learn more.

    An article is a page that contains text, such as 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

    1. Add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page that you want to enable article rich Pins on.
    2. Use our Rich Pin validator to make sure we can see the rich Pin data.
    3. If everything looks good, click Apply now. Make sure that you 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 capitalised fields to reflect your articles.

    Open Graph mark-ups:

    <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 mark-ups:

    <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="John Doe” />
        <span itemprop="description">A description or summary of the article.</span>
        </div>

    Take a look at our developer site to learn more.

    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 ‘Bestseller’ 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 catalogues to upload a data source of your products and create product groups to group similar product Pins together. Only product Pins created using catalogues 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 be updated to reflect that change.

    1. Add Open Graph or Schema.org markups between the <head> </head> section of your HTML code for each page on which you want to enable product Pins.
    2. Use our Rich Pin validator to make sure we can see the rich Pin data.
    3. 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 capitalised or numeric green text to reflect your products.

    Open Graph mark-ups:

    <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 mark-ups:

    <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:

    1. Open a specific product URL on your Shopify site. This is a page that has a Buy or Add to bag button.
    2. Open our rich Pin Validator and paste in your product link.
    3. Add ‘.oembed’ to the end of your link. You’ll see the rich Pin information for your product.
    4. Select Shopify as your mark-up option
    5. Click Validate
    6. 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

    1. Open a specific product URL on your Shopify site. This is a page that has a Buy or Add to bag button.
    2. 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.
    3. Click Validate.
    4. 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.

    Learn more on our developer site.

    Ask a question in the Pinterest Business Community Join the conversation
    End of Other articles Links
    Still need help? Contact us
    User feedback
    Was this article helpful?

    collection_fields

    How can we make this article better?