Script Tag / Headless Setup

Headless Commerce

If you have a custom storefront that does not use a shopify theme, you can use a version of our script tag along with Google Tag Manager or pasted directly into your frontend code.

<script>
(function (w, d) {
  w.qData || (w.qData = function() {
    (w.qDataLayer = w.qDataLayer || []).push(arguments);
  });
  s = d.createElement('script');
  s.src = 'https://pixel.quikly.com/embed/js';
  s.async = true;
  f = d.scripts[0];
  f.parentNode.insertBefore(s, f);
})(window, document);
qData("config", "m/your-brand-key"); // your production brand key
qData('ui', { placements: 'auto' });
</script>

If you use Shopify’s checkout process, follow the checkout extension installation instructions to complete the set up.