How to return JSON Crawler from GatsbyJS to Snipcart?

Recently I made a website with GatsbyJS and Snipcart. My single product pages are created dynamically, so you can’t use HTML attributes for your Snipcart, you have to use JSON crawlers. My question is how to use JSON crawlers? what’s the difference between HTML crawlers?