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.

1<script>
2(function (w, d) {
3  w.qData || (w.qData = function() {
4    (w.qDataLayer = w.qDataLayer || []).push(arguments);
5  });
6  s = d.createElement('script');
7  s.src = 'https://pixel.quikly.com/embed/js';
8  s.async = true;
9  f = d.scripts[0];
10  f.parentNode.insertBefore(s, f);
11})(window, document);
12qData("config", "m/your-brand-key"); // your production brand key
13qData('ui', { placements: 'auto' });
14</script>

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