> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xtracky.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shopify

> Script otimizado para lojas Shopify — captura UTMs e mantém no checkout mesmo com domínios diferentes.

Shopify tem um comportamento peculiar: o checkout roda em `checkout.shopify.com` (ou `shop.app` no Shop Pay), o que quebra tracking de UTMs padrão. O script `utm-handler-shopify.js` resolve isso.

## Instalação

No admin Shopify, vá em **Online Store → Themes → Edit code → `theme.liquid`** e cole no `<head>`:

```html theme={null}
<script
  src="https://cdn.xtracky.com/scripts/utm-handler-shopify.js"
  data-token="SEU_PRODUCT_ID"
  data-click-id-param="click_id">
</script>
```

<Tip>
  Como o Shopify carrega `theme.liquid` em todas as páginas da loja (exceto o checkout customizado), você só precisa colar uma vez.
</Tip>

## O que ele faz de diferente

<CardGroup cols={2}>
  <Card title="Cross-domain" icon="arrows-left-right">
    Propaga UTMs pra `checkout.shopify.com` via URL params (Shopify não compartilha cookies com o subdomínio de checkout).
  </Card>

  <Card title="Order-attribute" icon="tag">
    Anexa `xtracky_utm_source` como atributo customizado do pedido, acessível via API Admin do Shopify.
  </Card>
</CardGroup>

## Integrando o webhook do Shopify

O ideal é configurar o webhook `orders/paid` do Shopify apontando pra xTracky:

```
https://api.xtracky.com/api/integrations/shopify
```

A xTracky lê o `xtracky_utm_source` dos `note_attributes` do pedido e atribui a venda automaticamente.

<Steps>
  <Step title="No admin Shopify">
    **Settings → Notifications → Webhooks → Create webhook**
  </Step>

  <Step title="Configure o webhook">
    * Event: `Order payment`
    * Format: `JSON`
    * URL: `https://api.xtracky.com/api/integrations/shopify`
  </Step>

  <Step title="Salve e teste">
    Faça um pedido de teste. A venda deve aparecer no painel xTracky com a plataforma detectada corretamente.
  </Step>
</Steps>

## Debug

Adicione `?xtracky_debug=1` à URL da loja pra ativar logs. No console do Shopify Analytics, o `LeadId` capturado aparecerá nos `Additional attributes` de cada pedido.
