Primeros pasos con Shift4Shop

Objetivos del artículo

Descubre cómo integrar Shift4Shop (antes 3dcart) con Klaviyo para personalizar y dirigir los correos electrónicos en función de las compras y la actividad en el sitio web de cada cliente. Los datos sincronizados de Shift4Shop a Klaviyo incluyen:

• Datos sobre los pedidos que hacen tus clientes, incluidas ventas, reembolsos, pedidos cumplidos y pedidos cancelados
• Información detallada del cliente, incluida la frecuencia y el momento en que las personas visitan tu sitio web

Índice

1. Agregar la integración de Shift4Shop
2. Añadir seguimiento en el sitio de Klaviyo
3. Monitorea la sincronización de datos
4. Datos sincronizados desde Shift4Shop
5. Recursos adicionales

Agregar la integración de Shift4Shop

1. En Klaviyo, selecciona la pestaña Integraciones.
2. Selecciona Explorar aplicaciones.
3. Busca Shift4Shop y haz clic en la tarjeta; luego, haz clic en Instalar.
4. Para encontrar la URL de tu tienda de Shift4Shop (también conocida como tu URL segura), abre tu cuenta de Shift4Shop en una nueva pestaña.
5. En Shift4Shop, ve a Configuración > General > Configuración de la tienda.
6. En Información de la tienda, haz clic en Administrar dominio y URL de la tienda.
   

7. Copia la URL de la tienda debajo de la configuración del dominio.
   

8. De vuelta en Klaviyo, pega la URL de la tienda en el recuadro y haz clic en Conectar con Shift4Shop.
   
9. Copia la clave de API pública de Klaviyo que aparece en la siguiente página.
   

10. Haz clic en el botón Ir a Shift4Shop.
11. En la página REST API Apps de Shift4Shop, haz clic en Agregar en la esquina superior derecha para agregar la clave de API de Klaviyo.
    

12. Pega la clave de API pública de Klaviyo (2bd83b00fcd7d56916a28c452d3d080c).
    

13. Haz clic en Guardar.
14. Aparecerá una ventana emergente que te pedirá autorizar a Klaviyo para extraer los datos de Shift4Shop a nuestra plataforma; haz clic en Autorizar.
    

15. Se te redirigirá de nuevo a tu cuenta de Klaviyo y los datos comenzarán a sincronizarse. Un mensaje de confirmación indicará que los datos se están sincronizando.

Añadir seguimiento en el sitio de Klaviyo

Hay 2 fragmentos de código de seguimiento en el sitio de Klaviyo que puedes agregar a tu sitio de Shift4Shop. El primer fragmento de código de seguimiento en el sitio te permite hacer seguimiento de cuándo los usuarios con cookies tienen actividad en tu sitio (la métrica Con actividad en el sitio ) y el segundo fragmento de código de seguimiento en el sitio te permite hacer seguimiento de qué productos ven (la métrica Producto visto ).

Luego puedes usar la métrica Con actividad en el sitio para crear segmentos de navegadores conocidos que hayan visitado tu sitio, pero no hayan comprado nada. El fragmento Con actividad en el sitio (también conocido como Klaviyo.js) también permite usar el formulario de registro de Klaviyo.

El seguimiento de Viewed Product se suele aprovechar para activar un flujo de correo electrónico automatizado de abandono de la navegación. Para obtener más información, consulta nuestro artículo sobre crear un flujo de abandono de la navegación.

1. Inicia sesión en el panel de administración de tu tienda de Shift4Shop y ve a Contenido > Contenido del sitio.
2. Haz clic en el botón Editar debajo de Encabezado y pie de página.
   

3. Haz clic en el + a la derecha de Encabezado global para abrir el editor de encabezados.
   

4. Haz clic en el control deslizante junto a WYSIWYG Mode Off / On para alternar la vista al editor HTML.
   

5. Para agregar el seguimiento de con actividad en el sitio, pega el siguiente script en la parte inferior del editor HTML:
   

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
<script type="text/javascript"> 
//Initialize Klaviyo object on page load
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script>

1. En la primera línea del fragmento, reemplaza clave de API pública por tu clave de API pública de Klaviyo, que se encuentra en Nombre de la cuenta > Configuración > Clave de API en Klaviyo.
2. Para agregar el seguimiento de Producto visto, agrega este script debajo del script de Con actividad en el sitio en el encabezado:

<script type="text/javascript">
var klaviyo = window.klaviyo || [];

// Track each product view.
if ('[price]' !== '[' + 'price]') {
   klaviyo.track("Viewed Product", {
      ProductID: "[id]",
      Name: "[name]",
      Description: "[description]",
      URL: [location.protocol, '//', location.host, location.pathname].join(''),
      Categories: "[catid]",
      ImageURL: [location.protocol, '//', location.host, '/[image1]'].join(''),
      Price: parseFloat("[price]".slice(1), 10)
   });
}</script>

     8. En la esquina superior derecha de la página, haz clic en Guardar

Monitorea la sincronización de Klaviyo

Para ver los datos de la integración de Shift4Shop:

1. En tu cuenta de Klaviyo, ve a Análisis > Métricas.
2. Haz clic en la métrica Placed Order para verificar que tus datos se hayan empezado a completar. Si ves datos completándose en el gráfico, significa que la integración de Shift4Shop se está sincronizando correctamente con tu cuenta. Cuando se complete la sincronización, verás un borde verde junto a la integración de Shift4Shop cuando la veas en la pestaña de integraciones.
   

3. Klaviyo importa todos tus datos históricos de Shift4Shop. Para verificarlo, compara la cantidad de pedidos de un día en particular en Klaviyo con lo que aparece en tu interfaz de Shift4Shop y confirma que coincidan.
4. Si no coinciden, lo más probable es que la zona horaria de tu cuenta de Klaviyo no coincida con la zona horaria de Shift4Shop. Para revisar la configuración de zona horaria en Klaviyo, ve a Nombre de la cuenta > Configuración > Organización.
5. En la parte central de esta página, verás un área para configurar tu zona horaria. Actualiza la cuenta de Klaviyo a la zona horaria correcta y haz clic en Actualizar información.

Datos sincronizados desde Shift4Shop

La integración de Shift4Shop sincroniza datos en Klaviyo una vez por hora, por lo que deberías ver que los eventos aparecen en Klaviyo en el transcurso de una hora desde que el evento se registra en Shift4Shop.

Las siguientes métricas se sincronizan desde Shift4Shop:

• Pedido completado
• Producto Pedido
• Pedido realizado
• Proceso de Pago Iniciado

Pedido completado

Este evento se registra cuando un cliente completa el proceso de pago y crea un pedido en tu tienda de Shift4Shop. Incluye toda la información del producto sobre los artículos que alguien compró, incluidos los nombres de los productos, las imágenes y la información de variante, para usarla en correos electrónicos de seguimiento de compra. Puedes filtrar y orientar eventos de Fulfilled Order en función de los siguientes criterios:

• Items: los nombres de los productos en el pedido de alguien, por ejemplo, camiseta o pantalones
• Categorías: el conjunto completo de las categorías de los productos en el pedido de una persona, por ejemplo: camisetas, ropa para hombre, pantalones y oferta

Producto Pedido

Esta métrica se registra cuando un cliente realiza su pedido y registra un evento por cada artículo que alguien compra. Por ejemplo, si alguien compra una camiseta y un par de pantalones, se crean dos eventos de Producto pedido: uno para la camiseta y otro para los pantalones.

El evento Ordered Product incluye información detallada sobre cada producto que alguien compra. Esto es útil cuando se crean segmentos de comportamiento basados en opciones de variante del producto y otra información detallada que no está disponible en el evento Placed Order. Puedes filtrar y dirigir los eventos de Producto Pedido en función de los siguientes criterios:

• Nombre: el nombre o el título del producto en Shift4Shop; por ejemplo, playera o pantalones
• SKU: el SKU de la variante del producto, p. ej., REDMEDIUMTSHIRT
• Categorías: el conjunto completo de las categorías del producto, por ejemplo, camisetas, ropa para hombre y oferta

Pedido realizado

Este evento se registra cuando un cliente completa el proceso de pago y crea un pedido en tu tienda de Shift4Shop. Incluye toda la información del producto sobre los artículos que alguien compró, incluidos los nombres de los productos, las imágenes y la información de variante, para usarla en correos electrónicos de seguimiento de compra. Puedes filtrar y dirigir los eventos de Pedido realizado en función de los siguientes criterios:

• Items: los nombres de los productos en el pedido de alguien, por ejemplo, camiseta o pantalones
• Categorías: el conjunto completo de las categorías de los productos en el pedido de una persona, por ejemplo: camisetas, ropa para hombre, pantalones y oferta
• Cantidad de artículos: el número de artículos en el pedido, p. ej., 2

Nota: De forma predeterminada, Shift4Shop sincroniza dos estados para Pedido realizado: 2, 4

Proceso de Pago Iniciado

Este evento se registra cuando un cliente ingresa su información de contacto y de envío en la página antes de la página de pago en el proceso de pago de Shift4Shop y hace clic en Continuar. Incluye toda la información del producto sobre los artículos del carrito de alguien, incluidos los nombres de los productos, las imágenes y la información de variantes para usar en los emails de carrito abandonado. Puedes filtrar y orientar eventos de Inicio del proceso de pago en función de los siguientes criterios:

• Artículos: los nombres de los productos en el carrito de alguien, por ejemplo: playera o pantalones
• Categorías: el conjunto completo de las categorías de los productos en el carrito de alguien; por ejemplo, camisetas, ropa para hombre, pantalones y oferta

datos de clientes

Además de las métricas que Klaviyo sincroniza desde Shift4Shop, también hay propiedades que se agregan a cada perfil de Klaviyo. Puedes usar estas propiedades en segmentos y en flujos. Las siguientes propiedades integradas de Klaviyo se sincronizan automáticamente desde Shift4Shop:

• Correo electrónico
• Nombre
• Apellido
• Ciudad
• Estado/región
• Código postal
• País
• Número de teléfono

Resultado

Ahora integraste Shift4Shop, habilitaste el seguimiento en el sitio de Klaviyo y verificaste los datos sincronizados de Shift4Shop. Ahora puedes ver tus datos de Shift4Shop en Klaviyo y personalizar y segmentar correos electrónicos en función de las compras y la actividad en el sitio web de cada cliente.

Actualiza la integración de Shift4Shop

Para actualizar a la nueva integración, tienes que volver a instalar la aplicación Shift4Shop en Klaviyo:

1. En Klaviyo, haz clic en la pestaña Integraciones.
2. Selecciona Shift4Shop de la lista de integraciones habilitadas.
3. En la esquina superior derecha, haz clic en Administrar integración.
4. Selecciona Volver a autenticar.
5. Copia la clave de API pública de Klaviyo.
6. Haz clic en el botón Ir a Shift4Shop.
7. En la página REST API Apps en Shift4Shop, haz clic en Add para añadir la clave de API de Klaviyo y pega la clave.
8. Haz clic en Guardar.
9. En el modal de solicitud de autorización que aparece, haz clic en Autorizar.
10. Se te redirigirá de vuelta a tu cuenta de Klaviyo, donde un modal de confirmación indicará que tu cuenta de Shift4Shop ya está conectada.

Ahora se actualizó tu integración y comenzará a usar la nueva aplicación.

Aunque no es necesario, quizá quieras eliminar la aplicación obsoleta de Klaviyo de tus Aplicaciones conectadas en Shift4Shop. Para hacerlo, elimina la aplicación "Klaviyo" de la página de aplicaciones de interfaz de programación de aplicaciones (API) REST en Shift4Shop.

Recursos adicionales