JsonLD.ioJsonLD.io

Shopify

Add JsonLD.io to your Shopify store through the theme editor.

Installation Steps

  1. From your Shopify admin, go to Online Store → Themes
  2. Click Actions → Edit code on your current theme
  3. In the Layout folder, click on theme.liquid
  4. Find the </head> tag
  5. Add the script just before it:
<!-- JsonLD.io Script -->
<script async src="https://jsonld.io/api/jsonld/YOUR_TOKEN?format=js"></script>
</head>
  1. Click Save

Alternative: Using Shopify's Script Editor

If you have Shopify Plus:

  1. Go to Settings → Custom HTML
  2. Add the script to your head section

Disable Default Schema

Shopify themes often include built-in structured data. To avoid duplicates, you may need to remove or disable the default schema in your theme.

Look for and remove/comment out code like this in your theme files:

{% raw %}
{% if template contains 'product' %}
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "Product",
    ...
  }
</script>
{% endif %}
{% endraw %}

Verification

  1. Visit your Shopify store
  2. Right-click and select "View Page Source"
  3. Search for application/ld+json
  4. Verify your JsonLD.io schema is present
  5. Use Google's Rich Results Test to validate

Notes

  • The script works across all pages: homepage, product pages, collection pages, etc.
  • JsonLD.io automatically detects the current page and serves the appropriate schema
  • Changes in your JsonLD.io dashboard are reflected immediately
WordPressReact