Cómo agregar el píxel de Facebook (píxel de Meta) a Shopify

Qué hace el píxel de Meta en una tienda de Shopify

El píxel de Meta, antes llamado píxel de Facebook, es el código JavaScript de Meta que registra lo que hacen los visitantes en tu tienda: ver páginas y productos, agregar al carrito, iniciar el checkout y comprar. Meta usa estos eventos para medir tus anuncios y para crear públicos para la segmentación. Cada píxel tiene un ID de píxel, que el Administrador de eventos también puede mostrar como ID del conjunto de datos.

El píxel se ejecuta en el navegador del comprador. Shopify señala que los bloqueadores de anuncios pueden bloquear por completo un píxel web, mientras que los informes y los registros de pedidos de Shopify no se ven afectados. La Conversions API de Meta, en cambio, envía los eventos desde un servidor, y Meta recomienda usarla además del píxel, con el mismo ID de píxel para los eventos del navegador y del servidor.

Dónde se ejecutan ahora los píxeles en Shopify

Shopify administra los píxeles en Configuración, en la sección de eventos del cliente. Los píxeles de aplicación los agregan las apps y los canales de ventas. Los píxeles personalizados son código que pegas tú mismo, y Shopify los ejecuta en un entorno aislado en el que no todas las funciones de un píxel están disponibles. Un píxel de Meta que estaba en las preferencias de la tienda online, y no en el canal Facebook & Instagram, se quitó de ahí en febrero de 2025 y se convirtió en un píxel personalizado de la sección de eventos del cliente.

Las páginas del checkout también cambiaron. Shopify reemplazó las antiguas páginas de agradecimiento y de estado del pedido: las tiendas Shopify Plus perdieron ahí checkout.liquid y los scripts adicionales el 28 de agosto de 2025, y los demás planes tuvieron plazo hasta el 26 de agosto de 2026; después, Shopify actualizó automáticamente las tiendas restantes. Los scripts adicionales no son compatibles con las nuevas páginas, y el cuadro de scripts adicionales de la sección del checkout, en Configuración, es de solo lectura desde el 28 de agosto de 2025.

El código de píxel pegado en tu tema sigue cargándose en las páginas de la tienda online. Shopify te pide quitar el código de píxel de theme.liquid antes de agregar un ID de píxel en el canal Facebook & Instagram, y quitar o modificar los píxeles existentes antes de agregar un píxel personalizado, para que los eventos del cliente no se cuenten dos veces.

• Los píxeles de Shopify, explicados: píxel web, píxel personalizado e incrustación de la app

Tres formas de agregar el píxel de Meta a Shopify

Cada vía puede enviar eventos al mismo ID de píxel, así que elige una como emisora de ese píxel. Se diferencian en quién mantiene el código y en si los eventos también se envían desde un servidor.

La siguiente sección explica el canal paso a paso. Un píxel personalizado es código que pegas y mantienes tú mismo, y las páginas de ayuda de Shopify explican cómo agregarlo. El resto de esta guía cubre la tercera vía con WeProfit y, después, cómo mantener un solo emisor por píxel y cómo hacer la prueba.

Agrega el píxel de Meta con el canal Facebook & Instagram

El canal de ventas Facebook & Instagram de Shopify conecta tu tienda con tu portafolio comercial de Meta, y su configuración de uso compartido de datos decide si envía eventos a tu píxel. Shopify indica que el miembro del personal que lo conecta necesita control total del portafolio comercial y de la página de Facebook vinculada a la tienda.

1. Si pegaste el código del píxel de Meta en theme.liquid, quítalo primero: Shopify te pide quitarlo antes de poder agregar un ID de píxel en el canal, porque dos copias del píxel pueden dar datos duplicados o incorrectos.
2. En el panel de control de Shopify, abre Configuración, ve a la sección de canales de ventas y agrega Facebook & Instagram desde la Shopify App Store. Elige conectar tu cuenta, inicia sesión en Facebook, conecta tus activos comerciales de Meta, acepta las condiciones y termina la configuración.
3. Ve a los canales de ventas, abre Facebook & Instagram, entra en su configuración y abre la configuración de uso compartido de datos.
4. Activa el uso compartido de datos y elige un nivel. El estándar usa solo el píxel de Meta. El mejorado y el máximo agregan la Conversions API, que según Shopify envía el evento de compra entre los servidores de Shopify y los de Meta, y comparten datos del cliente como el nombre, el correo electrónico y el número de teléfono.
5. Selecciona tu píxel en la lista y confirma.

Conecta Meta en WeProfit: ID del píxel y token de acceso

WeProfit envía los eventos de la tienda a Meta desde su servidor mediante la Conversions API y, en Shopify, su incrustación de la app también carga en las páginas de tu tienda online el píxel de Meta que conectes. Necesitas dos datos del Administrador de eventos de Meta: el ID del píxel y un token de acceso de la Conversions API.

Con el píxel conectado y la incrustación de la app activada, Meta recibe PageView, ViewContent y AddToCart desde el navegador y desde el servidor de WeProfit con los mismos ID de evento, e InitiateCheckout, AddPaymentInfo y Purchase solo desde el servidor. El Purchase se construye a partir del webhook de pedidos de Shopify, una vez por pedido y píxel, con el total y la moneda del pedido, el correo electrónico, el teléfono, el nombre y el apellido, la ciudad, el estado, el código postal, el país y el ID externo del comprador con hash, además de la dirección IP, el agente de usuario y los ID del navegador fbp y fbc cuando se conocen. Los reembolsos no se envían a Meta.

En WooCommerce (beta), WeProfit no carga ningún píxel de Meta en el navegador y envía los eventos de Meta solo desde su servidor.

1. En el Administrador de eventos de Meta, abre los orígenes de datos y selecciona el píxel de tu sitio web, que Meta puede llamar conjunto de datos. En su pestaña de configuración, copia el ID del conjunto de datos: es tu ID de píxel.
2. En la misma pestaña, desplázate hasta la sección de la Conversions API y, en la configuración manual, genera el token de acceso. Copia el token enseguida, porque Meta solo lo muestra una vez. Meta solo muestra ese enlace a las personas con acceso de desarrollador a la empresa propietaria del píxel.
3. En WeProfit, abre Redes publicitarias > Meta y selecciona Agregar píxel. Escribe el ID del píxel y el token de acceso de CAPI, y agrega una etiqueta si conectas más de un píxel.
4. Deja las condiciones vacías para enviar todos los eventos a este píxel, o agrega condiciones como país, evento, valor del pedido o campaña para limitar lo que recibe. Luego selecciona Conectar píxel.
5. Abre Instalación y comprueba que Incrustación de la app (seguimiento en la tienda online) indique Activa. Si no es así, selecciona Abrir editor de temas, comprueba que WeProfit esté activado en Incrustaciones de aplicaciones y selecciona Guardar.
6. Selecciona Enviar prueba en la tarjeta del píxel. WeProfit no prueba el token cuando guardas, así que esta es la primera comprobación: envía un PageView mediante la Conversions API y muestra la respuesta de Meta. Sin un código de evento de prueba, ese PageView es un evento real del píxel.

• La Conversions API de Meta en WeProfit
• Conexión con Shopify y configuración de la incrustación de la app

Evita las compras duplicadas: un solo emisor por ID de píxel

La forma que recomienda Meta para contar una sola vez un evento del navegador y uno del servidor es usar el mismo nombre de evento y el mismo ID de evento en ambos, recibidos dentro de las 48 horas posteriores al primero. Las herramientas que envían al mismo píxel con sus propios ID le dan a Meta eventos separados, así que un pedido puede aparecer como dos compras.

WeProfit empareja sus propios eventos: sus eventos de la tienda online en el navegador llevan los mismos ID que sus copias del servidor, y el Purchase de cada pedido llega a un píxel una sola vez, desde el servidor, con un ID creado a partir del pedido, como pur_a1b2c3d4-6012345678901. El canal Facebook & Instagram, un píxel personalizado o el código del tema usan sus propios ID, que no coinciden con los de WeProfit.

Después de unos días de pedidos, compara las compras de Meta con tus pedidos de Shopify de los mismos días, y lee la pestaña de deduplicación de eventos en los detalles del evento Purchase, en el Administrador de eventos.

• Si usas WeProfit para un ID de píxel: haz que el canal Facebook & Instagram, los píxeles personalizados y el código del tema dejen de enviar a ese mismo píxel, para que tenga un solo emisor del navegador y un solo emisor de compras.
• Si mantienes el canal Facebook & Instagram como emisor: no conectes el mismo ID de píxel en WeProfit. WeProfit no tiene una opción de solo servidor por píxel; el interruptor Seguimiento en el navegador, que vale para toda la tienda, quita su píxel de Meta, pero también detiene todo el seguimiento en la tienda online.
• Usar dos píxeles distintos a propósito no es un problema, siempre que cada ID de píxel tenga un solo emisor del navegador y un solo emisor de compras.

• ID de evento del píxel de Meta y de la Conversions API

Prueba con Probar eventos de Meta y con el registro de envíos de CAPI

Las extensiones del navegador como Meta Pixel Helper solo ven los eventos que se activan en el navegador, así que nunca muestran un evento del servidor, como el Purchase de WeProfit. Usa Probar eventos de Meta y el registro de envíos de CAPI de WeProfit para los eventos del servidor, y Shopify Pixel Helper para los píxeles de la sección de eventos del cliente, en Configuración.

1. En el Administrador de eventos, abre la pestaña Probar eventos de tu píxel y copia el código de prueba que Meta muestra para los eventos del servidor.
2. En WeProfit, edita el píxel, pega el código en Código de evento de prueba y guarda; luego selecciona Enviar prueba. El PageView debería aparecer en Probar eventos, y WeProfit muestra que Meta aceptó el evento de prueba, con el número de eventos recibidos.
3. Navega por tu tienda como un comprador: abre un producto y agrégalo al carrito. Mientras el código esté configurado, WeProfit envía con él todos los eventos reales de ese píxel, así que estos eventos también aparecen en Probar eventos.
4. Haz un pedido de prueba. WeProfit cuenta un pedido de prueba de Shopify y lo envía a tus redes publicitarias conectadas como un pedido real, y cancelarlo después no retira el Purchase.
5. Busca el Purchase en el registro de envíos de CAPI de WeProfit. El registro muestra el ID de evento de WeProfit, por ejemplo pur_6012345678901, y Meta lo muestra con un código de la tienda, por ejemplo pur_a1b2c3d4-6012345678901. El registro no tiene columna de valor: comprueba el valor en la página Eventos o abre el evento en Probar eventos.
6. Borra el código de evento de prueba cuando termines. Meta pide usar el código solo para pruebas, y WeProfit lo desactiva solo 24 horas después de que lo configures.

¿Agregaste el píxel, pero no hay compras en el Administrador de anuncios?

Revisa primero el Administrador de eventos. Si los eventos Purchase llegan ahí, Meta los tiene y la pregunta es la atribución: el Administrador de anuncios solo muestra las compras que Meta atribuye a tus anuncios según la configuración de atribución de cada conjunto de anuncios. Si no llegan compras, el problema está en el emisor: un ID de píxel equivocado, un píxel desconectado o un código que dejó de funcionar en la nueva página de agradecimiento de Shopify.

La lista de verificación para solucionar problemas recorre cada comprobación en orden, desde un pedido real hasta el registro de envíos de CAPI.

• El píxel de Facebook no registra compras en Shopify: la lista de verificación
• Por qué tus plataformas publicitarias y tu tienda muestran ventas distintas