Skip to content

Recommend Gemeos to your network and earn a commission

Discover our referral program
Let’s talk?

SEO / GEO5 min read

How to Add a Product Rich Snippet (Schema.org) in Webflow

Learn how to implement Schema.org Product markup in Webflow to show price, reviews, and availability directly in Google results.

The Schema.org Product markup lets Google display your product or service’s price, reviews, and availability directly in search results. It’s a powerful way to improve click-through rates on your sales pages. Sandro, cofounder of Gemeos Webflow agency, shows you how to implement it.

Prerequisites

  • A product or service page on your Webflow site
  • A set price, or a price range
  • Ideally, customer reviews with a numeric rating

1. Create the Product JSON-LD script

Here’s the full template. Adapt each value to your product or service. For a service with no fixed price, use only the "description" field and leave out "offers".

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Your product or service name",
  "description": "Short product description.",
  "image": "https://yoursite.com/product-image.jpg",
  "brand": {
    "@type": "Brand",
    "name": "Your brand"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "24"
  },
  "offers": {
    "@type": "Offer",
    "price": "1500",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }
}
<!--</span-->script>

2. Paste the script into the page settings

In Webflow Designer, open the relevant product page. Go to the page settings gear, then "Custom Code." Paste it into "Before </body> tag." Publish the site.

3. Check it with the Rich Results Test

Test your page URL in the Rich Results Test. Make sure the "Product" type is detected and that no required field is missing. The most common errors: missing image, badly formatted currency, ratingValue outside the 1–5 range.

FieldRequiredExpected format
nameYesFree text
imageRecommendedAbsolute URL
offers.priceRecommendedNumber without a symbol (e.g. 1500)
offers.priceCurrencyRecommendedISO 4217 code (EUR, USD...)
aggregateRating.ratingValueOptionalNumber between 1 and 5
aggregateRating.reviewCountIf rating is presentWhole number

Conclusion

The Product rich snippet is especially effective on service pages with pricing and on physical product pages. It builds trust before the click even happens.

  • Use case 1: agency service page with a price range shown in Google
  • Use case 2: SaaS product page with an average user rating
  • Use case 3: training page with price and number of sign-ups in the rich snippet

Published on May 21, 2026

Alexandre Baverel

Alexandre Baverel is Head of Sales at Gemeos. With nearly 8 years of experience in SEO and business development, he helps companies grow by combining visibility, acquisition, and conversion. His approach allows him to align marketing strategy with business performance.

You might be interested in these tutorials

Related tutorials

See all

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

Let’s f*****G GO !!