> For the complete documentation index, see [llms.txt](https://utmify.gitbook.io/central-de-ajuda/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utmify.gitbook.io/central-de-ajuda/pixel-utmify/aprenda-a-configurar-a-marcacao-de-initiate-checkout-pelo-pixel-da-utmify.md).

# Aprenda a configurar a marcação de Initiate Checkout pelo Pixel da Utmify

{% embed url="<https://www.youtube.com/watch?v=pbbBIooeNmE>" %}

***

## Marcação de Initiate Checkout pelo Pixel da Utmify

### Pré-requisito

O Pixel da Utmify já precisa estar instalado na sua página. Se ainda não instalou, veja primeiro o tutorial de instalação do Pixel para a sua plataforma de tráfego no seguinte artigo: [Configurando o Pixel Utmify](/central-de-ajuda/pixel-utmify/configurando-o-pixel-utmify.md).

### Onde fica a configuração

Acesse Integrações > Pixel, clique nos três pontinhos do seu pixel e em Editar dados. Desça até "Regra de Initiate Checkout" e deixe-a Habilitada. Em seguida, escolha uma das quatro formas de detecção abaixo.

### Forma 1 — Por TEXTO do botão

Marca o Initiate Checkout quando o botão clicado contém o texto que você informar.

{% stepper %}
{% step %}

### Clique em "Inspecionar"

Na sua página de vendas, clique com o botão direito e em "Inspecionar".
{% endstep %}

{% step %}

### Selecione o botão

No painel que abrir, clique no ícone de seletor de elemento (uma seta dentro de um quadradinho) e clique no seu botão de compra.
{% endstep %}

{% step %}

### Copie o texto do botão

Copie o texto do botão direto do inspetor. Importante: copie de lá, não digite de novo — às vezes o texto tem uma formatação ou uma letra maiúscula diferente do que aparece na tela, e isso quebra a marcação.
{% endstep %}

{% step %}

### Cole e salve

Cole o texto no campo da regra e salve.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Vários botões ou várias páginas com o mesmo pixel: use apenas uma palavra em comum a todos os botões, em vez do texto inteiro. Exemplo: se você tem os botões "Comprar agora", "Quero comprar" e "Comprar", configure apenas a palavra "Comprar", assim a regra pega os três.
{% endhint %}

### Forma 2 — Por URL do checkout

Troque a regra de detecção para "Contém URL". Marca quando o botão leva a uma URL que contém o trecho informado.

{% stepper %}
{% step %}

### Inspecione o botão

Inspecione o botão da mesma forma (botão direito > Inspecionar > seletor de elemento) e veja o link do seu checkout.
{% endstep %}

{% step %}

### Cole o link e salve

Cole esse link no campo da regra e salve.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Várias ofertas/checkouts na mesma página: use o trecho em comum a todas as URLs. Normalmente isso é o domínio do checkout, apague tudo depois da barra e deixe apenas o domínio, já que todas as URLs compartilham o mesmo domínio e só mudam no final.
{% endhint %}

### Forma 3 — Por classe CSS

Indicada quando você tem vários botões e a sua plataforma de página permite atribuir uma classe a eles.

{% stepper %}
{% step %}

### Crie a classe

Crie a classe nos botões, na sua plataforma de página.
{% endstep %}

{% step %}

### Selecione o tipo da regra

Na regra, selecione "Contém CSS".
{% endstep %}

{% step %}

### Copie e salve

Copie a classe que você usou e cole no campo. Salve.
{% endstep %}
{% endstepper %}

### Forma 4 — Por Postback S2S

{% hint style="info" %}
Disponível apenas para algumas plataformas de vendas: Buygoods, Clickbank e Cartpanda. Quando você usa uma dessas, prefira o S2S.
{% endhint %}

Em todas, o primeiro passo é o mesmo: em Integrações > Pixel > três pontinhos > Editar dados, desça até Initiate Checkout, deixe Habilitado, selecione "S2S Postback" e salve. Depois, configure no painel da plataforma:

### Buygoods

{% stepper %}
{% step %}

### Copie o script de checkout

Na sua integração com a Buygoods dentro da Utmify, copie o script de checkout.
{% endstep %}

{% step %}

### Cole no campo de funnels e pixels

Na Buygoods, acesse a campanha > Settings > desça até "Funnels e Pixels".
{% endstep %}

{% step %}

### Salve

No campo do checkout, cole o script. Salve.
{% endstep %}
{% endstepper %}

### Clickbank

{% stepper %}
{% step %}

### Copie a URL de Initiate Checkout

Em Webhooks, clique nos três pontinhos do seu webhook da Clickbank > Editar. Copie a URL de Initiate Checkout.
{% endstep %}

{% step %}

### Acesse Postbacks Pixels

Na Clickbank, desça até Integrations, clique na seta e em "Postbacks Pixels".
{% endstep %}

{% step %}

### Adicione a integração

Clique em "Add Integration" > "Custom Postback Pixel". Dê um nome (ex.: "IC UTMify").
{% endstep %}

{% step %}

### Selecione a conta e o evento

Selecione a conta em que o IC deve disparar (ex.: nível global) e selecione o evento "Initial Order".
{% endstep %}

{% step %}

### Cole a URL e salve

Cole a URL copiada e salve.
{% endstep %}
{% endstepper %}

### Cartpanda — Afiliado

Você já terá feito a integração via S2S (a mesma usada para receber IC e vendas de afiliado).

{% stepper %}
{% step %}

### Abra a área de afiliado

Na Cartpanda, vá em Admin > desça até Rastreamento/Script > "Ver como afiliado".
{% endstep %}

{% step %}

### Encontre a integração com a Utmify

Desça até a sua integração com a Utmify (a que você já fez para receber as vendas).
{% endstep %}

{% step %}

### Marque o evento

Desça até os eventos e selecione "Disparar Initiate Checkout". Salve.
{% endstep %}
{% endstepper %}

### Cartpanda — Produtor

{% stepper %}
{% step %}

### Copie a URL de afiliado S2S

Em Webhooks da Utmify, clique nos três pontinhos > Editar e copie a URL de afiliado S2S (independente de você ser produtor, é essa a URL usada para marcar o IC).
{% endstep %}

{% step %}

### Abra o modo vendedor

Na Cartpanda, vá em Admin > Rastreamento e Script > "Ver como vendedor".
{% endstep %}

{% step %}

### Crie a integração

Clique em "Nova integração". Dê um nome (ex.: "IC UTMify") e em serviço selecione Utmify.
{% endstep %}

{% step %}

### Cole a Postback URL

Cole a URL no campo "Postback URL".
{% endstep %}

{% step %}

### Deixe apenas Initiate Checkout marcado

Deixe a integração ativa, desmarque os outros eventos e deixe apenas "Initiate Checkout" marcado. Salve.
{% endstep %}
{% endstepper %}

## Dúvidas

Se tiver qualquer dificuldade (não conseguir inspecionar a página, formatação diferente, etc.), fale com o time de suporte que ajudamos a configurar.