Shopify SDK

<script src="https://cdn.heychocolate.com/shopify/v1/heychocolate.js"></script>
<script>
  HeyChocolate.init({ apiKey: 'sk_live_your_key_here' });
</script>

<div
  data-hc-carbon-badge
  data-product-id="{{ product.id }}"
  data-variant="detailed"
  data-theme="light"
></div>

<script>
  HeyChocolate.renderBadges();
</script>

<div
  data-hc-impact-score
  data-product-id="{{ product.id }}"
  data-metrics="co2,mki,water"
  data-show-equivalency="true"
></div>

<div
  data-hc-cart-impact
  data-session-id="{{ cart.token }}"
  data-shipping-country="{{ localization.country.iso_code }}"
></div>

<script>
  HeyChocolate.renderCartImpact();
</script>

<div
  data-hc-comparison
  data-product-ids="{{ collection.products | map: 'id' | join: ',' }}"
  data-metrics="co2,mki"
  data-limit="4"
></div>

{
  "topic": "orders/create",
  "address": "https://api.heychocolate.com/webhooks/shopify",
  "format": "json"
}