> 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/ru/set/integraciya-s-elektronnoi-kommerciei/woocommerce-1.md).

# WooCommerce

### Шаг 1: Создать оффер

Для отслеживания без файлов cookie обязательно включить параметр click ID и токен в URL оффера, а также на всех целевых страницах при создании оффера в панели Offer18.

{% code title="Пример" overflow="wrap" %}

```
https://shopurl.com/?<ВАШ-ПАРАМЕТР-CLICK-ID>={tid}
```

{% endcode %}

***

### Шаг 2: Установите плагины

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

#### Шаги для выполнения

1. Войдите в панель администратора WordPress.
2. Перейдите в «Плагины» и найдите «WooCommerce Conversion Tracking» и «WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager».

<figure><img src="/files/05044096cbe80e14265eaee8e92d437d3976f30b" alt=""><figcaption></figcaption></figure>

3. Установите и активируйте «WooCommerce Conversion Tracking» и «WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager».

***

### Шаг 3: Размещение кода

1. Перейдите в Code Script **»** Header & Footer
2. Поместите приведенный ниже код в поле «Scripts in header»
3. Сохранить настройки

```html
<script src="https://web-resources.offer18.net/sdk/web/WebSDK.js"></script>
<script>
    window.Offer18WebSDK.initializeConversion('<ВАШ-ПАРАМЕТР-CLICK-ID>');
</script>
```

<figure><img src="/files/5c331003ac3369bc0d56e7582ac9b9316d1b1a38" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Пользователи должны заменить '\<YOUR-CLICK-ID-PARAMETER>' на параметр clickid, используемый при создании оффера.
{% endhint %}

***

### Шаг 4: Поместите следующий скрипт в Conversion Tracking

1. Перейдите в Conversion Tracking (подменю вкладки WooCommerce).
2. Включите «Custom» и поместите приведенный ниже код в «Successful Order».
3. Сохранить изменения

```html
<script>
    window.Offer18WebSDK.trackConversion({
        domain: '',
        accountId: '',
        offerId: '',
        coupon: '', 
        postbackType: '', // 'iframe' или 'pixel'
        isGlobalPixel: false, // true или false
        allowMultiConversion: false, // true или false
        conversionData: {
            event: '', // Название события (Укажите, пожалуйста, событие)
            payout: '', // Сумма выплаты (Укажите, пожалуйста, сумму выплаты)
            sale: '', // Сумма продажи (Укажите, пожалуйста, сумму продажи)
            currency: '',
            adv_sub1: '',
            adv_sub2: '',
            adv_sub3: '',
            adv_sub4: '',
            adv_sub5: '',
        }
    })
</script>
```

<figure><img src="/files/49580198cb365dae7298c7b35b51c4fb99f7de37" alt=""><figcaption></figcaption></figure>

***

Вы можете собирать данные о конверсиях, используя различные параметры постбэка Offer18 и атрибуты данных WooCommerce.

| **Параметр постбэка Offer18** | **Параметр WooCommerce** |
| ----------------------------- | ------------------------ |
| sale                          | {order\_subtotal}        |
| adv\_sub4                     | {order\_number}          |