Add schema.org Product JSON-LD to Shopify so AI shopping agents can read & recommend your products

AI shopping agents (and Google) can only recommend a product if they can parse it. Plain HTML is ambiguous; structured data is not. This guide gives you one copy-paste Liquid block that emits a valid Product + Offer object on every product page — name, price, currency, availability, brand, SKU, and image.

Time: about 5 minutes. No apps, no theme rebuild. Works on any Shopify theme that uses standard product objects (Dawn and most OS 2.0 themes).

Why this matters

When an agent or crawler hits your product page, it looks for a <script type="application/ld+json"> block. That JSON tells it, unambiguously: this is a product, here is its price, it is in stock, here is the buy URL. Without it, the agent has to guess from your HTML — and most of them simply skip products they can't confidently parse. The block below removes the guesswork.

Step 1 — Open your product template

1. In your Shopify admin, go to Online Store → Themes.
2. On your live theme, click ⋯ → Edit code.
3. Under Sections, open main-product.liquid (Dawn / OS 2.0). On older themes, open templates/product.liquid instead.

If you'd rather keep it tidy, create snippets/product-jsonld.liquid, paste the block there, and add {% render 'product-jsonld' %} inside the product section. Either location works.

Step 2 — Paste this block

Paste it anywhere inside the product section/template (the bottom of the file is fine). It must render on the product page, where the product object exists.

{%- comment -%}
  schema.org Product + Offer JSON-LD for AI shopping agents.
  Renders on the product page. Uses the currently selected (or first
  available) variant for price, SKU, GTIN and availability.
{%- endcomment -%}
{%- assign variant = product.selected_or_first_available_variant -%}
{%- if variant.available -%}
  {%- assign availability = 'https://schema.org/InStock' -%}
{%- else -%}
  {%- assign availability = 'https://schema.org/OutOfStock' -%}
{%- endif -%}
<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": {{ product.title | json }},
  "description": {{ product.description | strip_html | truncate: 5000 | json }},
  "image": [
    {%- if product.featured_image -%}
      "https:{{ product.featured_image | image_url: width: 1200 }}"
      {%- for img in product.images limit: 5 -%}
        {%- unless img == product.featured_image -%}
          ,"https:{{ img | image_url: width: 1200 }}"
        {%- endunless -%}
      {%- endfor -%}
    {%- endif -%}
  ],
  "sku": {{ variant.sku | json }},
  {%- if variant.barcode and variant.barcode != blank %}
  "gtin": {{ variant.barcode | json }},
  {%- endif %}
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "offers": {
    "@type": "Offer",
    "url": "{{ shop.url }}{{ product.url }}?variant={{ variant.id }}",
    "priceCurrency": {{ cart.currency.iso_code | json }},
    "price": "{{ variant.price | divided_by: 100.0 }}",
    "availability": "{{ availability }}",
    "itemCondition": "https://schema.org/NewCondition"
  }
}
</script>

Step 3 — What each field does

Step 4 — Validate it

Save the file, open any product page, and check it two ways:

1. Paste the product URL into the Google Rich Results Test. You want a green “Product snippets” result with no errors. (A “missing field review/aggregateRating” warning is fine — those are optional.)
2. Paste the same URL (or the rendered JSON) into the schema.org validator to confirm the object is structurally valid.
3. Quick sanity check: open the page, View source, and search for application/ld+json — your price, currency and availability should all be filled in.

Built by Hatchloop. Liquid uses standard Shopify objects and filters — no apps required. Tested against Dawn / OS 2.0 product templates.