Automatización de carrito abandonado - VTEX
Sabrina
Última actualización hace 8 días
La notificación de carrito abandonado permite enviar broadcasts relacionados con el estado del carrito del usuario mediante Whatsapp.
En este artículo te detallamos los pasos para eCommerce VTEX.
En este artículo te detallamos los pasos para eCommerce VTEX.
Para activar las notificaciones de carrito abandonado es necesario:
- Cargar una plantilla de notificación.
- Activar la función en la integración desde Labs.
- Establecer una automatización para el envío de las notificaciones (una por tienda).
Crear una plantilla de notificación
En primer lugar, para configurar la plantilla del mensaje, es necesario cargarla desde Meta Business Suite.
Si es la primera vez que enviarás notificaciones, te recomendamos primero visitar este artículo 😉.
¿Cómo agrego acceso al carrito? Podés incluir un enlace al carrito de compras en el cuerpo de la notificación o en un botón.
Desde el Administrador de plantillas de Meta, al momento de crear la plantilla tené en cuenta:
- Cargar la plantilla con la información deseada.
- Utilizar las variables de tipo número.
- Botón
- Tipo de acción: Ir al sitio web
- Texto del botón: Será el título visible del botón
- Tipo de URL: Dinámico
- URL del sitio web: Será la URL de la tienda seguida de /checkout?orderFormId=
- URL del sitio web con variable sera la URL anterior con un número de ejemplo de orden. https://www.nombredelatienda.com/checkout?orderFormId=12345
✨ Te compartimos un ejemplo de notificación de carrito abandonado para que puedas usar como guía:
¡Hola Lupe! Veo que te olvidaste cosas en el carrito, podés recuperarlo haciendo click acá: https://www.tienda.com/checkout/cart/ ¡Abrazo de gol!
✅ Recibirás un aviso por mail una vez que la plantilla esté aprobada.
Es necesario que nos avises cuando tu plantilla esté aprobada y, si incluye botones o acciones post notificación, que nos informes cuáles serán para que la conectemos a tu agente IA.
Disparador en VTEX
Para enviar notificaciones de carrito abandonado desde una tienda VTEX, es necesario configurar un disparador y generar una ApiKey de Snappy.
A continuación, te indicamos paso a paso cómo implementar las notificaciones de carrito abandonado para tu tienda VTEX.
En primer lugar, se debe de crear un disparador en VTEX Master Data.
El proceso consiste en completar algunos valores para determinar el disparador.
Estos incluyen tres filtros:
1. Checkout: el disparador se liberará cuando el carrito de compras no esté finalizado y no sea nulo. Así, cuando el cliente no completa la compra y no ha añadido nada más al carrito de la compra.
2. Cart: se refiere a los últimos productos que un cliente agregó al carrito de compras.
3. Last cart: consta de la fecha y la hora en que se creó el carrito.
Para activar el disparador, los tres filtros deben completarse como se muestra a continuación:
1. Acceder a DynamicStorage, a través de la siguiente URL compuesta por el nombre de la cuenta https://nombredelacuenta.ds.vtexcrm.com.br
Por ejemplo, si el nombre es Tienda Snappy, la URL sería: https://tiendasnappy.ds.vtexcrm.com.br
2. Clickear en la pestaña Trigger (Activador).
3. Seleccionar Add new (Agregar nuevo).
4. Ingresar el nombre del disparador.
5. En Entidad de datos, seleccionar el valor Customer (Cliente).
6. En Estado, marcar Enabled (Habilitado).
7. Dentro de la pestaña Rules (reglas), en Trigger Rule, seleccionar An atributte value is changed (Se ha cambiado el valor de un atributo).
8. En Field, seleccionar Last session (Última sesión).
9. Clickear en Add Filter para habilitar los campos. Seleccionar y completar como se indica e ilustra a continuación 👇
☝️ Se puede incluir un filtro opcional para condicionar los envíos según el monto del carrito.
Por ejemplo, para se emita la notificación solo si el valor del carrito es mayor a 250000 ARS. Este caso sería:
El proceso consiste en completar algunos valores para determinar el disparador.
Estos incluyen tres filtros:
1. Checkout: el disparador se liberará cuando el carrito de compras no esté finalizado y no sea nulo. Así, cuando el cliente no completa la compra y no ha añadido nada más al carrito de la compra.
2. Cart: se refiere a los últimos productos que un cliente agregó al carrito de compras.
3. Last cart: consta de la fecha y la hora en que se creó el carrito.
Para activar el disparador, los tres filtros deben completarse como se muestra a continuación:
1. Acceder a DynamicStorage, a través de la siguiente URL compuesta por el nombre de la cuenta https://nombredelacuenta.ds.vtexcrm.com.br
Por ejemplo, si el nombre es Tienda Snappy, la URL sería: https://tiendasnappy.ds.vtexcrm.com.br
2. Clickear en la pestaña Trigger (Activador).
3. Seleccionar Add new (Agregar nuevo).
4. Ingresar el nombre del disparador.
5. En Entidad de datos, seleccionar el valor Customer (Cliente).
6. En Estado, marcar Enabled (Habilitado).
7. Dentro de la pestaña Rules (reglas), en Trigger Rule, seleccionar An atributte value is changed (Se ha cambiado el valor de un atributo).
8. En Field, seleccionar Last session (Última sesión).
9. Clickear en Add Filter para habilitar los campos. Seleccionar y completar como se indica e ilustra a continuación 👇
- Checkout - Different from - Finalizado
- Checkout - Different from - Completado
- Checkout - is not null.
- Cart - is not null.
- Last cart - is not null.
☝️ Se puede incluir un filtro opcional para condicionar los envíos según el monto del carrito.
Por ejemplo, para se emita la notificación solo si el valor del carrito es mayor a 250000 ARS. Este caso sería:
- Amount of last cart - Greater than - 250000
10. Desde la pestaña Schedule, se puede enviar la notificación en una fecha específica o en una fecha dinámica.
11. En la pestaña If Positive, se debe seleccionar Send an HTTP request (Enviar una solicitud HTTP) con la siguiente configuración:
- El campo de URL llevará la URL del webhook que se cree en la automatización en Snappy.
- El campo de método es POST.
- Campos de headers (aquí se completarán los campos Key y Secret Key, más adelante). En Name, se completa la denominación del campo y en Value, su valor como se indica a continuación 👇
- content-type: application/json
- X-API-KEY: API Key generado en Snappy Commerce, más adelante te mostramos como crearlo.
- X-SECRET-KEY: Secret Key generado en Snappy Commerce, más adelante te mostramos como crearlo.
- X-API-KEY: API Key generado en Snappy Commerce, más adelante te mostramos como crearlo.
- X-SECRET-KEY: Secret Key generado en Snappy Commerce, más adelante te mostramos como crearlo.
- Les compartimos el contenido para incluir en formato JSON, solo hace falta copiar y pegarlo 😉.
Así se visualiza la pestaña If positive completa 👇
Una vez completos todos los campos, incluidos API Key y Secret Key, clickeá en Save (Guardar) ¡y listo! 🙌.
Generación de API Key en Snappy
Para generar el API Key en la plataforma de Snappy, dirigite a Configuración > Llaves API. Se agrega un New Key, con un nombre que se elija.
Una vez creada la ApiKey, se visualizarán los campos Key y Secret. Estos dos valores, son los que deben copiar y pegar en los campos headers de VTEX.
🖐 Copialos y pegalos en VTEX antes de cerrar el recuadro, por seguridad el campo Secret no se puede volver a mostrar.
Asignación de permisos a la API Key
Es necesario otorgar a la API key de Snappy determinados permisos, según se indica a continuación.
- En tu perfil de VTEX, dirigite a Configuración de la cuenta > Roles de usuario y deberás crear un nuevo rol para la API key de Snappy.
- En el apartado de Productos y recursos, seleccioná el producto Dinamic Storage.
- En los recursos asociados, ingresá a la sección Dinamic storage generic resources y activá Read only documents.
Para más información sobre los disparadores de VTEX, podés visitar también el siguiente artículo.
Automatización en Labs
Para crear la automatización, desde el menú lateral de Labs, dirigite a Automatizaciones ⚡️ > Crear automatización.
Asignale un título y la/s tienda/s o empresa a la que aplicará.
Seleccioná el disparador Webhook. Clickeá sobre el nodo para configurarlo.
- Copiar la URL del webhook y completar el campo correspondiente en el trigger del Master Data de VTEX.
- En Método HTTP, seleccioná POST.
- En Object, el campo queda vacío.
- El item Esperar flujo de la regla queda apagado.
- A continuación, agregá la acción Buscar contacto.
- Dentro de Número de teléfono, debe ir trigger.contact.phone
- Dentro de Email, debe ir trigger.contact.email
- Activar la opción Buscar usando la integración.
- Clickeá en Guardar.
- Seguido, agregá una Condición (If)
- En la condición, incluí contact && contact.lastNotification
- En la línea derecha, agregá una segunda condición (If) con date(contact.lastNotification.createdAt) < now() - interval('7 days') y clickeá en Guardar.
- De este If, agregá una tercera condición (If) del lado izquierdo, con trigger.button_1 =="null#/cart". En este caso, si se desea se puede incluir un utm a continuación de “cart”.
- En la arista derecha de la tercera condición (If), incluí un nodo de Notificación personalizada.
En el campo Contacto, va contact
En Notificación, se debe seleccionar la plantilla previamente cargada en contenido personalizable.
En Canales, seleccioná Whatsapp.
URL de la imagen queda vacío.
A continuación, en Datos a reemplazar se deben determinar las variables de la notificación, con una clave (key) y el valor correspondiente:
- firstName será la key si se incluye el nombre del contacto y el valor será <?contact.firstName?>
- Cuando no se cumpla la condición trigger.button_1 =="null#/cart", para la URL del carrito, incluí la variable button_1 como key y el valor será <?trigger.button_1?>.
- Si hay otras variables, la key será la que se haya incluido en la plantilla y el valor, en caso de ser de texto, debe escribirse entre comillas. Por ejemplo: “CUPON15OFF”
- En la opción derecha de la tercera condición (If), agregá un nodo de condición Else.
- En la opción derecha del Else, agregá un nodo de Notificación personalizada y completá sus campos. En este caso, se requiere la variable button_1
De nuevo en la primera condición (contact && contact.lastNotification), en la opción izquierda sumá una condición Else.
- Del lado derecho del Else, saldrá una nueva condición If con el valor trigger.button_1 =="null#/cart".
- A continuación de esta, a la derecha agregá un nuevo nodo de Notificación personalizada y completá sus campos (sin variable de button_1).
- Del lado izquierdo del If, a la izquierda agregá un nuevo nodo de Notificación personalizada y completá sus campos (con la variable de button_1).
Si necesitás ayuda, contactanos a través de Lupe o escribinos a cx@snappybots.com 😉