> For the complete documentation index, see [llms.txt](https://knowledgebase.offer18.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledgebase.offer18.com/pt/rede/integracao-de-e-commerce/woocommerce-1.md).

# WooCommerce

### Passo 1 : Criar Oferta

Para rastreamento sem cookies, é obrigatório incluir o parâmetro click ID e token na URL da Oferta e também em todas as páginas de destino ao criar uma oferta no painel Offer18.

{% code title="Exemplo" overflow="wrap" %}

```
https://shopurl.com/?<YOUR-CLICK-ID-PARAMETER>={tid}
```

{% endcode %}

***

### Passo 2 : Instalar plugins

1. "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager" por WPCode
2. "WooCommerce Conversion Tracking" por weDevs

#### Passos a seguir

1. Faça login no painel administrativo do WordPress.
2. Vá em "Plugins" e pesquise por "WooCommerce Conversion Tracking" & "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager".

<figure><img src="https://4294454144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FBTnSlnwr0VCU4uTv6zV0%2Fimage.png?alt=media&amp;token=6f92df1b-3037-46da-8399-64c4373bea5c" alt=""><figcaption></figcaption></figure>

3. Instale e ative "WooCommerce Conversion Tracking" & "WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager".

***

### Passo 3 : Colocação do Código

1. Vá para Código/Script **»** Header & Footer
2. Coloque o código abaixo no campo "Scripts in header"
3. Salvar configurações

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
<script>
    window.Offer18WebSDK.initializeConversion('<YOUR-CLICK-ID-PARAMETER>');
</script>
```

<figure><img src="https://4294454144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FVWjK7XVVyPy3CD962xDL%2Fimage.png?alt=media&amp;token=9d1084cf-3443-4dc1-b0fa-40e11b3fce6c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Os usuários devem substituir '\<YOUR-CLICK-ID-PARAMETER>' pelo parâmetro clickid usado ao criar a oferta.
{% endhint %}

***

### Passo 4 : Coloque o script abaixo em Rastreamento de Conversões

1. Vá para Conversion Tracking (submenu da aba WooCommerce).
2. Habilite "Custom" e coloque o código abaixo em "Successful Order."
3. Salvar alterações

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon: '', 
        postbackType: '', // 'iframe' ou 'pixel'
        isGlobalPixel: false, // true ou false
        allowMultiConversion: false, // true ou false
        conversionData: {
            event: '', // Nome do Evento (Por favor especifique o evento)
            payout: '', // Valor do Payout (Por favor especifique o valor do payout)
            sale: '', // Valor da Venda (Por favor especifique o valor da venda)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        }
    })
</script>
```

<figure><img src="https://4294454144-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FXJbEkIEJbuAJjE86VEcq%2Fimage.png?alt=media&amp;token=0f2a1a9a-68ab-45d7-9d8e-ebb1103b0c65" alt=""><figcaption></figcaption></figure>

***

Você pode coletar dados de conversão usando vários Parâmetros de Postback do Offer18 e atributos de dados do WooCommerce.

| **Parâmetro de Postback do Offer18** | **Parâmetro do WooCommerce** |
| ------------------------------------ | ---------------------------- |
| sale                                 | {order\_subtotal}            |
| adv\_sub4                            | {order\_number}              |