Cómo migrar a nuestro evento automático de Añadido al carrito para Shopify

Descubre cómo migrar del evento Added to Cart existente de Klaviyo para Shopify (habilitado mediante un fragmento de código) al evento Added to Cart rastreado automáticamente, que se sincroniza a través de un píxel de servidor de Shopify. Al migrar, también puedes habilitar nuevos eventos de seguimiento para usuarios identificados, como Viewed Collection y Submitted Search.

Estos nuevos eventos de Shopify Pixel se muestran con un icono de Shopify en Klaviyo, mientras que los eventos habilitados por un fragmento de Klaviyo tienen un icono de engranaje.

Antes de empezar

Los datos de eventos de Añadido al carrito sincronizados mediante Server Side Pixel no se pueden personalizar. Para saber qué datos se incluyen con el nuevo evento, consulta nuestra referencia de datos de Shopify.

¿Por qué migrar?

Hay muchos motivos para migrar, entre ellos:

• La nueva sincronización de eventos con la marca de Shopify se realiza del lado del servidor, lo que significa que es más probable que se identifique a los visitantes del sitio y se rastreen los eventos.
• El nuevo evento incluye más metadatos de nivel superior que el evento de fragmento, incluida la información de la variante, los SKU, la cantidad de artículos y los enlaces a la variante añadida al carrito.
• A partir de ahora, Klaviyo mantendrá activamente el nuevo evento y añadirá directamente futuras mejoras.
• Para habilitar el nuevo evento no se necesita un fragmento de código.

Te recomendamos migrar en el siguiente orden (tal y como se detalla en este artículo):

1. Activa nuestro nuevo seguimiento de Añadido al Carrito.
2. Actualiza segmentos, flujos y más en Klaviyo.
3. Elimina el fragmento antiguo de Añadido al Carrito .

Ten en cuenta que actualmente no vamos a retirar nuestro fragmento Añadido al carrito.

Habilitar el nuevo seguimiento de «Añadido al carrito»

1. En Klaviyo, selecciona la pestaña Integraciones.
2. Selecciona Shopify en la lista para acceder a la página de configuración de integraciones.
3. En Funciones de seguimiento adicionales en el cuadro de seguimiento en el sitio, marca Hacer seguimiento de eventos de comportamiento.
   

4. Haz clic en Actualizar configuración.
5. Si se te solicita: inicia sesión en Shopify.
6. Si aparece un aviso: revisa los permisos y haz clic en Actualizar aplicación.
   

7. En la ventana modal de confirmación, selecciona Actualizar integraciones.
   

8. Volverás a Klaviyo y deberías ver un mensaje de éxito en verde.
   

Ahora deberías empezar a ver eventos Added to Cart con la marca de Shopify registrados en tu cuenta.

Actualiza segmentos, flujos y más en Klaviyo

Ahora debes sustituir todos los usos actuales de la métrica Añadido al carrito sin marca en tu cuenta de Klaviyo por el nuevo evento de marca.

Segmentos

1. En la pestaña Listas y segmentos, busca los segmentos en los que hayas usado la métrica Added to Cart sin marca.
2. Edita cada segmento y añade una cláusula OR que refleje tu cláusula original, pero que use la métrica Añadido al carrito con la marca de Shopify. Por ejemplo, el segmento que aparece a continuación incluye a quienes han añadido al carrito al menos una vez en los últimos 30 días, según el seguimiento de cualquiera de las dos métricas. Si tus condiciones son totalmente negativas, usa una cláusula AND.
   

Flujos

¿Estás usando la métrica Added to Cart sin marca en un flujo de carrito abandonado u otro flujo? Para sustituirlos:

1. Encuentra los flujos en los que estás usando Añadido al carrito.
2. Clona estos flujos y asígnales un nombre descriptivo.
3. En los nuevos flujos, sustituye el activador del flujo por el evento Added to Cart con marca de Shopify.
4. Actualiza las variables necesarias.
5. Envía un email de prueba para cada nuevo flujo y asegúrate de que todo se ve bien y de que no es necesario actualizar ninguna variable. Si estabas usando nuestro fragmento de código predeterminado, todas las variables existentes deberían ser las mismas, excepto que el precio ahora es un valor numérico en lugar de una cadena (por ejemplo, 4 vs. $4.00). Puedes añadir el formato de moneda de esta forma:
   {% currency_format event|lookup:'Price'|floatformat:2 %}
   Además, ten en cuenta que el nuevo evento Añadido al carrito actualmente no incluye otros artículos que ya estén en el carrito; solo realiza el seguimiento de un único artículo.
6. Desactiva los flujos antiguos y activa los nuevos flujos.

Analytics

Si utilizas la métrica sin marca Added to Cart en cualquier analítica, como informes personalizados, debes crear nuevos informes personalizados. Si utilizas la métrica sin marca Added to Cart en la asignación de métricas, debes actualizar la asignación.

Eliminar tu fragmento de Added to Cart

¿Estás usando tu evento Añadido al carrito existente en un feed de productos de Klaviyo? Esto significa que seleccionaste Productos que un cliente ha añadido al carrito en el generador de feeds.

Si es así, no deberías eliminar tu fragmento. Esto se debe a que actualmente recomendamos usar el evento anterior con el feed de productos. Puedes usar el nuevo evento para flujos, segmentos, etc. Si no estás usando el evento en un feed de productos, continúa.

Puede que hayas añadido tu fragmento de código de una de estas 2 maneras:

• Si tu tienda tiene bloques de Liquid personalizados, tu fragmento estará en un bloque de Liquid personalizado.
• Si tu tienda no tiene bloques de Liquid personalizados, el fragmento estará en el archivo de tu tema.

Para eliminar tu snippet:

1. En Shopify, accede a Online Store > Themes (Tienda en línea > Temas).
2. Busca tu tema y haz clic en Customize (Personalizar).
3. Si tu tienda tiene bloques de Liquid personalizados:
   1. En la parte superior de la página, haz clic en el menú desplegable Home page (Página de inicio).
   2. Selecciona Products > Default product (Productos > Producto predeterminado) para acceder a la página de tu producto predeterminado.
   3. Encuentra el bloque de liquid personalizado que usaste para tu fragmento Añadido al carrito . Hay varios fragmento de código que podrías haber usado; busca la línea _learnq.push(['track', 'Added to Cart', cart]); si no estás seguro.
   4. Cuando tengas seleccionado el bloque, haz clic en Eliminar sección.
      

1. Pulsa Guardar.

4. Si tu tienda no tiene bloques liquid personalizados:
   1. Haz clic en los tres puntos de la parte superior y selecciona Edit code (Editar código).
   2. Abre el archivo theme.liquid.
   3. Encuentra tu código de fragmento de Añadido al Carrito.
   4. Hay varios fragmentos de código que puedes haber utilizado; busca la línea _learnq.push(['track', 'Added to Cart', cart]); si no estás seguro.
   5. Elimina el fragmento, empezando por la etiqueta de apertura <script> y terminando por la etiqueta de cierre </script>.
      

1. Pulsa Guardar.

Ahora has eliminado tu fragmento de código Added to Cart .

Solución de problemas

¿No ves que aparezcan nuevos eventos Added to Cart en tu cuenta?

Puede que los perfiles que anteriormente Klaviyo había almacenado mediante cookies a través del método anterior tarden un tiempo en identificarse en Shopify.

Con el nuevo seguimiento de Añadido al Carrito (así como con los eventos Colección Vista y Búsqueda Enviada de Shopify), se identificarán los perfiles si realizan una de las siguientes acciones:

• Enviar un formulario de Klaviyo
  • Hay que tener habilitada la sincronización de perfiles de Klaviyo a Shopify para que funcione.
• Enviar un formulario de Shopify
• Introducir sus datos en la página de pago
• Iniciar sesión con su cuenta de Shop en la página de pago
• Iniciar sesión con su cuenta de cliente en la tienda

Puedes completar uno de los puntos anteriores y, a continuación, añadir un artículo a tu carrito para probar el seguimiento de Añadido al carrito.

Estamos trabajando para ampliar la funcionalidad e incluir otros métodos de identificación de Klaviyo (como el seguimiento de hacer clic en un email) en el nuevo evento Añadido al carrito de Shopify.

Resultado

Ya has migrado del seguimiento Añadido al carrito habilitado manualmente de Klaviyo a nuestro nuevo seguimiento Añadido al carrito del lado del servidor en Shopify.

Recursos adicionales