How to fix missing schema product on Webflow

Steps for Webflow

1. Open your Webflow project in the Designer. Navigate to your CMS Product template page (usually named 'Product Template' under CMS Collection Pages in the Pages panel).
2. In the Page Settings for that template page, scroll to 'Custom Code' → 'Before </body> tag' section.
3. Paste a <script type='application/ld+json'> block. Use Webflow CMS dynamic embed fields by inserting CMS bindings — click the '+' Add Field button inside the code block to reference fields like Product Name, Price, Description, Main Image, etc.
4. Set availability dynamically: if your CMS collection has a stock/availability field, bind it; otherwise hardcode a default and update manually or via Webflow Zapier integration.
5. Publish the site and validate a live product URL with Google's Rich Results Test.

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "{{ product.title }}",
  "description": "{{ product.description | strip_html }}",
  "image": "{{ product.featured_image | img_url: 'master' }}",
  "sku": "{{ product.selected_variant.sku }}",
  "brand": {
    "@type": "Brand",
    "name": "{{ product.vendor }}"
  },
  "offers": {
    "@type": "Offer",
    "url": "{{ canonical_url }}",
    "priceCurrency": "{{ cart.currency.iso_code }}",
    "price": "{{ product.selected_variant.price | money_without_currency }}",
    "availability": "{% if product.available %}https://schema.org/InStock{% else %}https://schema.org/OutOfStock{% endif %}",
    "itemCondition": "https://schema.org/NewCondition"
  }
}

What is missing schema product?

Structured data is a standardized block of code — invisible to shoppers but readable by search engines — that explicitly tells Google and Bing what your page is about. Product schema specifically describes your item's name, price, availability, reviews, and more using a vocabulary that search engines universally understand. Without it, search engines have to guess at those details by reading your page text, which is slower and less reliable. Adding Product schema is how you "raise your hand" to Google and say: this page sells a product, here are the details.

Product schema is the gateway to Google's **rich results** — the eye-catching search listings that show star ratings, price, and stock status directly in the search results page. These rich results get significantly higher click-through rates than plain blue links, meaning more organic traffic to your store without spending more on ads. Missing schema means your product pages compete at a disadvantage against rivals whose listings stand out with price and review badges. Additionally, as AI-powered answer engines (like Google's AI Overviews and Bing Copilot) increasingly pull structured product data to answer shopping queries, having valid Product schema is how your products get surfaced in those AI-generated answers.

See the complete Missing schema product guide for every platform and the full background.