Caso de uso: Checkout abandonado

Si gestionas una tienda de ecommerce, el abandono del carrito puede ser uno de los principales factores por los que estás perdiendo ingresos potenciales. Los estudios sugieren que la mayoría de las tiendas sufren una estimación aproximada de entre 30% y hasta 45% de abandono del carrito. Si eres una empresa pequeña o mediana, esta cifra podría marcar la diferencia entre sobrevivir literalmente y obtener ganancias.

Muchos negocios usan automatizaciones como el email marketing y otros enfoques para recuperar carritos. Sin embargo, en 2023 existen métodos más dirigidos que son más efectivos que el email marketing tradicional y, en muchos casos, más rentables.

Hoy aprenderemos cómo configurar una automatización de este tipo para tu tienda de Shopify usando OneChat.

_21rlhxp3reu1Conectando tu tienda de Shopify con OneChat

El primer paso para crear esta automatización es conectar tu tienda de Shopify con OneChat. Para establecer la conexión, crearemos una aplicación personalizada dentro de tu tienda de Shopify que actuará como puente entre la tienda y OneChat.

Para crear una aplicación personalizada, haz clic en la pestaña de configuración en la parte inferior izquierda del panel de administración de Shopify.

Haz clic en la pestaña "Apps and sales channels" después de desplazarte un poco hacia abajo.

Haz clic en "Develop Apps".

Haz clic en "Create App".

Ingresa los detalles, como el nombre de la aplicación personalizada, y también selecciona la cuenta para la que se está creando la aplicación. Ten en cuenta que necesitas privilegios de desarrollador para poder crear una aplicación si no eres el propietario de la tienda.

Ahora configuraremos los alcances del administrador para darnos ciertos permisos que necesitamos para configurar correctamente los flujos de carrito abandonado. Haz clic en "Configure Admin API Scopes".

Necesitamos permisos relacionados con productos, listados de productos y fulfillment de productos. Selecciona los siguientes permisos de la lista.

Después, haz clic en guardar y continúa hasta "API Credentials" para instalar la aplicación.

Después de instalar la aplicación correctamente, necesitamos capturar los datos que ahora se proporcionan. Estos son necesarios para establecer una conexión entre OneChat y tu tienda. Guarda todos los datos como se indicó anteriormente.

Lo último que necesitamos es el dominio de la tienda, que se puede encontrar haciendo clic en el nombre de la tienda en el panel de administración.

Dentro del panel de OneChat, haz clic en Integrations en el menú lateral izquierdo. Luego selecciona Shopify de la lista desplegable.

Ingresa toda la información relevante que copiamos en el paso anterior y haz clic en el botón de guardar para crear la conexión.

Felicidades, tu tienda ha sido integrada con OneChat. Ahora procederemos a configurar un flujo básico de ecommerce.

Puedes configurar los tiempos del disparador de carrito abandonado según tu caso de uso.

_w0228q1ha6apCreando una plantilla de WhatsApp

Ve a tu Flow Builder y haz clic en Content en la esquina inferior izquierda de tu pantalla. Ve a Message Templates y luego a "+ New Template".

Comienza a completar los detalles de la plantilla como se indica a continuación:

Necesitamos proporcionar una imagen de ejemplo para que Meta apruebe nuestra plantilla. Haz clic en la pestaña Image y pega la URL de ejemplo.

Haz clic en Save. Comienza a completar el cuerpo de la plantilla de la siguiente manera.

Para el botón de URL, elige un botón dinámico de la siguiente manera.

Haz clic en "Submit for review" y espera hasta que tu plantilla sea aprobada.

_8jvh0gby71xyConstruyendo el flujo de carrito abandonado

Como paso final, crea un nuevo subflujo. Después de crear el subflujo, dentro de él, haz clic en el nodo Start.

En el menú desplegable, desplázate hacia abajo y haz clic en "Shopify Webhooks" para seleccionarlos.

Selecciona "Cart Abandoned" del menú desplegable y mapea las variables de la siguiente manera.

Ahora crea otro flujo de acción y selecciona Shopify desde la pestaña de integraciones. Luego selecciona "Product Images".

Ingresa la variable JSON en la que guardaste la carga útil del disparador y selecciona el atributo correcto en el campo de ID del producto.

Haz clic en Test Request para previsualizar los datos de ejemplo.

Necesitamos acortar dinámicamente la URL para poder usarla dentro de nuestra plantilla. Crea un nodo JS desde el bloque de acción.

Usa nuevamente la variable JSON en la que guardaste la carga útil del disparador y utiliza el atributo abadoned_checkout_url.

Pega el siguiente código en el cuerpo y guarda el resultado en una variable de la siguiente manera.

| let a = url.split("/");

let b = a.splice(3,a.length)

let c = b.join("/")

return c |

Guarda la salida del código en un CUF como se muestra a continuación.

Ahora ya tenemos todo lo que necesitamos para enviar una plantilla al cliente.

Crea otro bloque de acción y selecciona "Whatsapp Template Notification" desde la pestaña Notifications.

Selecciona el número de teléfono al que quieres enviar la plantilla de WhatsApp al cliente y selecciona la plantilla que deseas enviar.

Completa la plantilla con los CUF que guardamos y obtuvimos anteriormente.

Después de guardar todos los CUF en la plantilla, haz clic en guardar y habremos terminado con el flujo.

_gtq9arqndgjgConclusión

En este artículo, primero vimos cómo integrar nuestra tienda de Shopify con OneChat. Luego construimos un flujo básico de ecommerce usando la funcionalidad y las acciones nativas que OneChat tiene con Shopify.

Después usamos disparadores para carrito abandonado y configuramos un flujo de recuperación de carrito.