Add JSON-LD schema to Shopify

Create a FullSchema field for products

This adds an empty box to every product. Each product's schema will go in it.

1. 1
   In your Shopify admin, open Settings, then Metafields and metaobjects.
2. 2
   Click Products, then Add definition.
3. 3
   Type FullSchema as the name. Shopify fills in the key as custom.fullschema on its own.
4. 4
   Under Type, choose Multi-line text.
5. 5
   Click Save.

Show the field on your product pages

One line in the theme editor tells your product pages to include whatever is in that box.

1. 1
   Go to Online Store → Themes and click Customize.
2. 2
   In the menu at the top (it says Home page), choose Products → Default product.
3. 3
   In the left panel, under Template, click Add section and pick Custom Liquid.
4. 4
   Paste this line into the Liquid code box:

   {{ product.metafields.custom.fullschema.value }}Copy
5. 5
   Set Top padding and Bottom padding to 0. The section shows nothing on the page, so this keeps it from adding empty space.
6. 6
   Click Save.

Generate the schema

Takes a few seconds per product.

1. 1
   Open the product on your live store and copy its address from the browser bar.
2. 2
   Paste it into FullSchema and click Generate schema.
3. 3
   On the result, keep HTML selected and click Copy. The code starts with <script type="application/ld+json">.

Paste it on the product

From now on, this is the only place you paste.

1. 1
   Open Products and click the product.
2. 2
   Scroll to the bottom of the page. Under Metafields, click the FullSchema field.
3. 3
   Paste the code and click Save.

Check it's live

One click, and it's free.

1. 1
   Back in FullSchema, click Check it's live under the result.
2. 2
   When it says It's live, you're done.
3. 3
   Prefer to look yourself? Open the product page, right-click and choose View Page Source, then search for application/ld+json.

That's it. Search engines and AI tools can now read this product's full details.

Home page

There's only one home page, so it doesn't need a field. The code goes straight into a section.

1. 1
   Generate the schema for your store's home page address, keep HTML selected and click Copy.
2. 2
   Go to Online Store → Themes and click Customize. The editor opens on the Home page.
3. 3
   In the left panel, under Template, click Add section and pick Custom Liquid.
4. 4
   Paste the code into the Liquid code box as is.
5. 5
   Set Top padding and Bottom padding to 0, then click Save.

Collections

The same as products: a field and a line once, then a paste for each collection.

1. 1
   In Settings → Metafields and metaobjects, click Collections, then Add definition. Name it FullSchema, choose Multi-line text and click Save.
2. 2
   In the theme editor, choose Collections → Default collection from the menu at the top.
3. 3
   Under Template, add a Custom Liquid section, paste this line, set both paddings to 0 and click Save:

   {{ collection.metafields.custom.fullschema.value }}Copy
4. 4
   For each collection: open it under Products → Collections, paste its code into the FullSchema field at the bottom and save.

Pages and blog posts

Pages like About or Contact, and blog posts, work just like collections.

1. 1
   Add a FullSchema definition under Pages, and one under Blog posts if you need it, the same way as for collections.
2. 2
   In the theme editor, open Pages → Default page and add a Custom Liquid section with this line:

   {{ page.metafields.custom.fullschema.value }}Copy
3. 3
   For posts, open Blog posts → Default blog post and use this line instead:

   {{ article.metafields.custom.fullschema.value }}Copy
4. 4
   Open each page or post in your admin, paste its code into the FullSchema field at the bottom and save.