# WooCommerce

Чтобы интегрироваться с WooCommerce, необходимо разместить пиксель Offer18 Image Pixel в WooCommerce (WordPress). <br>

### [<mark style="color:синий;">Получить Image Pixel</mark>](https://knowledgebase.offer18.com/ru/set/integraciya-postbeka)

***

## Интеграция с WooCommerce

Существует два способа добавить Offer18 Image Pixel в WooCommerce: -<br>

### Вариант 1 : Плагин WordPress

Можно использовать плагин WordPress "WooCommerce Conversion Tracking" от weDevs.

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

1. Войдите в панель администратора WordPress.
2. Перейдите в «Плагины» и найдите «WooCommerce Conversion Tracking».\ <br>

   <div align="left"><figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FIwPH7OQzuJIym04NSF2d%2Fimage.png?alt=media&#x26;token=4f7ad8a2-8857-4200-adf6-79f0c8e6e929" alt=""><figcaption><p><br></p></figcaption></figure></div>
3. Установите и активируйте «WooCommerce Conversion Tracking» от weDevs.
4. Перейдите в Conversion Tracking (подменю вкладки WooCommerce).
5. Включите «Custom» и вставьте пиксель Offer18 в «Successful Order».&#x20;

<figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2Ftd6gcW4r0qLVhTUyxWe0%2Fimage.png?alt=media&#x26;token=fa725e3b-8862-47fe-b171-1f428a90e577" alt=""><figcaption></figcaption></figure>

6. Перейдите к Сохранить изменения

Можно получить динамические значения, используя токены, предоставляемые плагином.\
Например:  **\&sale** (Offer18) можно добавить в Image pixel, содержащий **{order\_subtotal}**

**Пример Image pixel с параметром sale**

```
<img src="https://example.o18.click/p?mid=000&t=i&gb=1&sale={order_subtotal}" width="0" height="0"> 
```

***

Видеоурок - интеграция с WooCommerce

{% embed url="<https://youtu.be/cayaPMkNzBk>" %}

***

### Вариант 2 : Пользовательская настройка

Можно настроить **Синтаксис отслеживания конверсий** в пользовательской конфигурации WordPress. Синтаксис отслеживания конверсий Offer18 приведён ниже.

#### **Синтаксис отслеживания конверсий**

```php
add_action('woocommerce_thankyou', 'custom_track_o18');

function custom_track_o18($order_id)
{
  $order_data = wc_get_order($order_id);
  $total_amount = $order_data->get_subtotal();
  $currency = $order_data->get_currency();
  $order_number = str_replace('#', '', $order_data->get_order_number());
  echo '<img src="https://[domain]/p?m=[account_id]&t=i&gb=1&sale=' . $total_amount . '&adv_sub1=' . $order_number . '&currency='. $currency.'" width="0px" height="0px">';
}
```

{% hint style="info" %}
**Требуемые изменения**\
\
Замените \[domain] на домен отслеживания и \[account\_id] на идентификатор учетной записи пользователя в скрипте

Например

\[domain] = **example.o18.click**\
\[account\_id]  = **0000**
{% endhint %}

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

1. Войдите в панель администратора WordPress.
2. Перейдите в Внешний вид **»** Редактор файлов темы.
3. Откройте **functions.php** файл.
4. Разместите синтаксис отслеживания конверсий Offer18 в этом файле.

<figure><img src="https://1880954721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F41f2EboJipeUA6flsLGK%2Fuploads%2FMu5knLvdnD4sHqd6Hxi3%2Fimage.png?alt=media&#x26;token=e612c9d6-8aa9-4f79-a279-25f4a58ff278" alt=""><figcaption></figcaption></figure>

5. Перейдите к «Обновить файл.»