Shopify

Add the Clarm widget to your Shopify storefront with the canonical loader snippet, then optionally send purchase milestones with window.ClarmTrack.track(...).

Install the widget

  1. Copy your widget snippet from Dashboard → Widget → Deploy
  2. Open Shopify Online Store → Themes → Edit code
  3. Paste the snippet before the closing </body> tag in your theme layout
theme.liquidhtml
<script src="https://app.clarm.com/widget/loader.js" data-widget-id="YOUR_WIDGET_ID" async></script>

Track purchase events

If you want explicit purchase attribution outside the default widget flow, trigger a purchase event after checkout confirmation.

Purchase eventjavascript
window.ClarmTrack?.track('purchase', {
  amount: 299.00,
  currency: 'USD',
  orderId: 'shopify_12345',
  plan: 'growth'
})
*

Keep the widget snippet stable and make copy, actions, and visual changes in the Clarm dashboard so your storefront does not need repeated theme edits.