# WooCommerce

Para integrar con WooCommerce es necesario colocar el píxel de imagen de Offer18 en WooCommerce (WordPress). <br>

### [<mark style="color:azul;">Obtener píxel de imagen</mark>](/es/red/integracion-de-postback.md)

***

## Integración con WooCommerce

Hay dos formas de añadir el píxel de imagen de Offer18 a WooCommerce:-<br>

### Opción 1 : Plugin de WordPress

Se puede usar el plugin de WordPress "WooCommerce Conversion Tracking" de weDevs.

Pasos a seguir:

1. Inicie sesión en el panel de administración de WordPress.
2. Vaya a "Plugins" y busque "WooCommerce Conversion Tracking".\ <br>

   <div align="left"><figure><img src="/files/711ebf4421fa5eb112e6aa02d424a037121e418e" alt=""><figcaption><p><br></p></figcaption></figure></div>
3. Instale y active "WooCommerce Conversion Tracking" de weDevs.
4. Vaya a Conversion Tracking (submenú de la pestaña WooCommerce).
5. Habilite "Personalizado" y coloque el píxel de Offer18 en "Pedido exitoso."&#x20;

<figure><img src="/files/82567e2290b8f9b106151f96c06b1789da526fb9" alt=""><figcaption></figcaption></figure>

6. Vaya a Guardar cambios

Se pueden recibir valores dinámicos usando tokens proporcionados por el plugin.\
Por ejemplo:  **\&sale** (Offer18) se puede añadir a un píxel de imagen que contenga **{order\_subtotal}**

**Ejemplo de píxel de imagen con el parámetro sale**

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

***

Tutorial en vídeo - Integración con WooCommerce

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

***

### Opción 2 : Configuración personalizada

Se puede configurar el **Sintaxis de seguimiento de conversiones** en una configuración personalizada de WordPress. La sintaxis de seguimiento de conversiones de Offer18 se muestra a continuación.

#### **Sintaxis de seguimiento de conversiones**

```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" %}
**Cambios requeridos**\
\
Reemplace \[domain] por el dominio de seguimiento y \[account\_id] por el id de la cuenta de usuario en el script

Por ejemplo

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

Pasos a seguir

1. Inicie sesión en el panel de administración de WordPress.
2. Vaya a Apariencia **»** Editor de archivos del tema.
3. Abra el **functions.php** archivo.
4. Coloque la sintaxis de seguimiento de conversiones de Offer18 en este archivo.

<figure><img src="/files/cf89631c575609ccdb7b664c66cfbf6c62b5e108" alt=""><figcaption></figcaption></figure>

5. Vaya a "Actualizar archivo."


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://knowledgebase.offer18.com/es/red/integracion-de-comercio-electronico/woocommerce.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.