---
title: "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](/javascript-sdk/reference) along with Google Tag Manager or pasted directly into your frontend code.

```html
<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](/shopify/checkout-extension) to complete the set up.