Pinterest Rich Pins | Blue Frog Docs

Pinterest Rich Pins

Set up and troubleshoot Pinterest Rich Pins for enhanced product and article displays

Pinterest Rich Pins

What This Means

Rich Pins automatically sync metadata from your website to your pins, displaying real-time pricing, availability, and article information. There are three types:

  • Product Pins - Show pricing, availability, and purchase info
  • Article Pins - Display headline, author, and description
  • Recipe Pins - Include ingredients, cook time, and ratings

Without Rich Pins, your content appears as basic images without context, reducing engagement and click-through rates.

How to Diagnose

1. Pinterest Rich Pin Validator

  1. Go to Pinterest Rich Pin Validator
  2. Enter your page URL
  3. Review validation results

2. Check Required Metadata

For Product Pins:

<!-- Open Graph (required) -->
<meta property="og:type" content="product">
<meta property="og:title" content="Product Name">
<meta property="og:description" content="Product description">
<meta property="og:url" content="https://example.com/product">
<meta property="og:image" content="https://example.com/product.jpg">

<!-- Product-specific -->
<meta property="product:price:amount" content="49.99">
<meta property="product:price:currency" content="USD">
<meta property="product:availability" content="in stock">

For Article Pins:

<meta property="og:type" content="article">
<meta property="og:title" content="Article Title">
<meta property="og:description" content="Article description">
<meta property="article:author" content="Author Name">
<meta property="article:published_time" content="2025-01-15T10:00:00Z">

General Fixes

Product Rich Pins Setup

<head>
  <!-- Required Open Graph -->
  <meta property="og:site_name" content="Your Store Name">
  <meta property="og:type" content="product">
  <meta property="og:title" content="Blue Widget Premium">
  <meta property="og:description" content="Our best-selling widget with premium features">
  <meta property="og:url" content="https://example.com/products/blue-widget">
  <meta property="og:image" content="https://example.com/products/blue-widget.jpg">

  <!-- Product metadata -->
  <meta property="product:price:amount" content="99.99">
  <meta property="product:price:currency" content="USD">
  <meta property="product:availability" content="in stock">
  <meta property="product:brand" content="Your Brand">
  <meta property="product:retailer_item_id" content="SKU-12345">

  <!-- Optional product details -->
  <meta property="product:sale_price:amount" content="79.99">
  <meta property="product:sale_price:currency" content="USD">
  <meta property="product:condition" content="new">
</head>

Availability values:

  • in stock
  • out of stock
  • preorder
  • backorder

Article Rich Pins Setup

<head>
  <meta property="og:type" content="article">
  <meta property="og:title" content="10 Ways to Improve Website Performance">
  <meta property="og:description" content="Expert tips for optimizing your website speed...">
  <meta property="og:url" content="https://example.com/blog/performance-tips">
  <meta property="og:image" content="https://example.com/blog/performance-tips.jpg">

  <meta property="article:author" content="Jane Smith">
  <meta property="article:published_time" content="2025-01-15T10:00:00Z">
  <meta property="article:section" content="Performance">
</head>

Apply for Rich Pins

After implementing metadata:

  1. Go to Rich Pin Validator
  2. Enter a page URL with your metadata
  3. Click "Validate"
  4. If valid, click "Apply Now"
  5. Wait for approval (usually 24-48 hours)

Note: You only need to apply once per domain. After approval, all pages with proper metadata will display as Rich Pins.

Schema.org Alternative

Pinterest also supports Schema.org JSON-LD:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Blue Widget Premium",
  "image": "https://example.com/product.jpg",
  "description": "Our best-selling widget",
  "brand": {
    "@type": "Brand",
    "name": "Your Brand"
  },
  "offers": {
    "@type": "Offer",
    "price": "99.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Platform-Specific Guides

Platform Guide
Shopify Shopify Rich Pins
WooCommerce WooCommerce Rich Pins
BigCommerce BigCommerce Rich Pins

Verification

  1. Re-validate in Pinterest Rich Pin Validator
  2. Pin content to your boards
  3. Check that price/availability updates automatically
  4. Verify Rich Pin badge appears on pins

Common Mistakes

Mistake Fix
Missing required OG tags Add og:type, og:title, og:url
Wrong availability format Use exact values: "in stock", "out of stock"
Currency not in ISO format Use 3-letter codes (USD, EUR, GBP)
Not applying after validation Complete the application step

Further Reading

↑ Back to top
// SYS.FOOTER