From zero to server-side
in under 15 minutes.

{% comment %} In theme.liquid, before </head> {% endcomment %}
<script src="https://track.{{ shop.permanent_domain }}/s.js"
  data-id="{{ settings.tracklio_container }}" defer></script>

{% comment %} On thank-you page {% endcomment %}
<script>
  tracklio.track("Purchase", {
    event_id: "{{ order.id }}",
    value: {{ order.total_price | money_without_currency }},
    currency: "{{ shop.currency }}",
    email: "{{ customer.email }}",
    content_ids: [{% for line in order.line_items %}"{{ line.product_id }}",{% endfor %}]
  });
</script>

# 1. Install our WordPress plugin (wp-admin)
wp plugin install tracklio --activate

# 2. Settings → Tracklio → paste:
#    - Container token (from app.tracklio.io)
#    - Delay purchase seconds (recommend 60)
#    - Cancel event opt-in: ON

# 3. Done. Purchase / refund / cancel events
#    ship server-side to every gateway.

<!-- Option A: Direct snippet -->
<script src="https://track.yoursite.com/s.js"
  data-id="srv_9f2c" defer></script>

<!-- Option B: GTM template -->
1. Download tracklio-starter.json from dashboard
2. GTM → Admin → Import Container
3. Replace placeholders:
   {{TRACKLIO_CONTAINER_ID}} → srv_9f2c
   {{META_PIXEL_ID}}         → 1234...
   {{GA4_MEASUREMENT_ID}}    → G-ABC123
4. Publish. Consent Mode V2 + CAPI wired.

<!-- Site-wide Head Code -->
<script src="https://track.yoursite.com/s.js"
  data-id="srv_9f2c" defer></script>

<!-- Success page custom code -->
<script>
  window.addEventListener("tracklio:ready", () => {
    tracklio.track("Purchase", {
      event_id: new URL(location.href)
        .searchParams.get("order_id"),
      value: 89.99,
      currency: "USD"
    });
  });
</script>