Fragmento de código para enviar el evento Purchase del píxel de Facebook en WooCommerce
- Lenguaje: PHP
- Ubicación: functions.php
- Requiere plugins: WooCommerce
Cómo agregar código PHP
Una forma segura y recomendada de agregar código PHP en WordPress sin tocar el archivo functions.php es usando el plugin gratuito Code Snippets. Este plugin te permite añadir fragmentos directamente desde el panel de administración, organizarlos por nombre, desactivarlos cuando quieras y evitar errores críticos que podrían bloquear tu sitio si el código está mal escrito. Es ideal para aplicar funciones personalizadas sin depender de temas hijo o acceso FTP, y compatible con la mayoría de fragmentos que comparten desarrolladores y comunidades como Drunel.
Cómo agregar código JavaScript
La forma más sencilla de agregar código JavaScript en WordPress es utilizando el widget HTML que viene con el editor por bloques o con Elementor. Solo tienes que arrastrar el widget a la zona donde quieras que se ejecute el script y pegar el código dentro de etiquetas <script>...</script>. Este método es útil para insertar pequeños fragmentos como eventos, funciones o scripts de terceros sin editar archivos del tema.
Cómo agregar código CSS
Para estilos globales que se apliquen en todo el sitio, es mejor agregarlos desde el personalizador de WordPress en “Apariencia > Personalizar > CSS adicional” o en la configuración de estilo global de Elementor.
Si usas Elementor y el estilo es específico para un solo widget o sección, insértalo directamente en ese bloque.
Para agregar código CSS en el editor nativo de WordPress a una sección o bloque, puedes usar el widget HTML colocando el CSS dentro de una etiqueta <style>...</style>.
Descripción
add_action(‘woocommerce_thankyou’, ‘fb_pixel_purchase_event’);
function fb_pixel_purchase_event($order_id) {
if (!$order_id) return;
$order = wc_get_order($order_id);
$total = $order->get_total();
$currency = $order->get_currency();
// Obtener IDs de productos comprados
$items = $order->get_items();
$product_ids = [];
foreach ($items as $item) {
$product_ids[] = $item->get_product_id();
}
?>
<script>
fbq(‘track’, ‘Purchase’, {
content_ids: <?php echo json_encode($product_ids); ?>,
content_type: ‘product’,
value: <?php echo esc_js($total); ?>,
currency: ‘<?php echo esc_js($currency); ?>’
});
</script>
<?php
}
Notas y recomendaciones
Este evento es clave para el seguimiento de conversiones en campañas de Meta Ads.
Verifica que el ID del pedido se pase correctamente al hook; WooCommerce lo hace por defecto.
Usa funciones como esc_js() y json_encode() para asegurar la salida segura del contenido.
No debes usar este evento si ya tienes un plugin que gestiona conversiones para Facebook, para evitar reportes duplicados.
Para mayor precisión, puedes validar la carga del evento con Meta Pixel Helper.
2 comentarios en “Fragmento de código para enviar el evento Purchase del píxel de Facebook en WooCommerce”
Funciona muy bien mil gracias
Es excelente lo busque por todso lados