Add

Lorem ipsum

Lorem ipsum

A
A
A
SEO / GEO

8 views

5 min

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"
}
}
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.

good to know

Google only shows Product rich snippets with reviews if the reviews are real and verifiable. Don’t inflate the ratings artificially: Google can penalize pages whose Schema.org data doesn’t match the visible content on the page.

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

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

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

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...