Cómo conectar Customer.io a Shopify Flow
Customer.io proporciona información sobre los mensajes que envía - entregas, aperturas, clics, mensajes devueltos y bajas - a través de un Webhook de informes. Workflow Webhooks convierte esa llamada en un activador de Shopify Flow, de modo que su tienda pueda reaccionar ante ella: etiquetar a un cliente, añadir una nota al pedido, enviar un correo electrónico interno, actualizar un metacampo… cualquier cosa que Shopify Flow pueda hacer.
Esta guía establece todo el proceso - Customer.io envía, Workflow Webhooks recibe y verifica, Shopify Flow actúa - con la firma HMAC de Customer.io comprobada en cada solicitud, de modo que solo Customer.io pueda iniciar su flujo de trabajo.
Lo que puede construir
- Marca un cliente de Shopify cuya dirección de correo electrónico haya devuelto un error de «hard bounce», para que las campañas dejen de dirigirse a él.
- Anote la última fecha de interacción en el expediente del cliente como un metacampo.
- Envíe un correo electrónico a su equipo cuando un cliente VIP se dé de baja.
Eventos habituales que se suelen enviar: email_delivered, email_opened, email_bounced, customer_unsubscribed.
Antes de empezar
- Workflow Webhooks instalado en su tienda Shopify.
- Shopify Flow instalada, que se puede descargar de forma gratuita desde la App Store de Shopify.
- Una cuenta en Customer.io con permiso para crear webhooks.
Paso 1: Cree el webhook en Workflow Webhooks
- Acceda a Workflow Webhooks -> Webhooks -> Crear webhook y asígnele un nombre que pueda reconocer en Shopify Flow, como, por ejemplo,
Customer.io events. - En «Autenticación», seleccione HMAC.
- En «Proveedor de firma», seleccione Customer.io. La aplicación rellena automáticamente el encabezado, el algoritmo, el payload firmado y la ventana de repetición; no es necesario configurar nada más.
- Deje el campo «Secreto» en blanco por ahora y haga clic en «Guardar». Copie la URL del webhook que aparece en la página.
Consulte Autenticación para conocer los demás modos de autenticación, y Asignación de la carga útil y variables de flujo para seleccionar qué campos se envían a Shopify Flow.
Paso 2: Añada el punto final en Customer.io
En Customer.io, abra «Configuración» -> «Configuración del espacio de trabajo» -> «Webhooks de informes», añada un webhook con la URL que ha copiado y copie la clave de firma.
Cómo encontrar su secreto de firma de Customer.io
La clave de firma del webhook de notificación.
La propia documentación de Customer.io sobre las firmas de webhooks, disponible en, contiene la redacción exacta y las capturas de pantalla correspondientes a su cuenta.
Pegue esa clave secreta en el campo «Secret» del webhook en Workflow Webhooks y guarde los cambios. A partir de ese momento, cada notificación de Customer.io se verificará antes de llegar a Shopify Flow.
Qué comprueba esto
| ¿Qué? | Valor |
|---|---|
| Encabezado de la firma | X-CIO-Signature |
| Dónde se coloca la firma | El valor completo del encabezado |
| ¿Qué se ha firmado? | v0:{timestamp}:{body} |
| Firma | HMAC-SHA256, codificado en hexadecimal |
| Marca de tiempo | El encabezado X-CIO-Timestamp, expresado en segundos de Unix |
| Protección contra la reproducción | Ninguna: este remitente no firma la marca de tiempo, por lo que todas las firmas válidas siguen siendo válidas |
| El secreto | Se utiliza como texto sin formato. Péguelo tal y como lo muestra el remitente. |
En la carga útil firmada, {body} es el cuerpo de la solicitud sin procesar, byte a byte, y {timestamp} es la marca de tiempo que figura más arriba.
Cualquier solicitud que incumpla alguno de estos requisitos se rechaza con el código de error 401, se registra en Historial y resolución de problemas y nunca inicia un flujo de trabajo.
Paso 3: Crear el flujo de trabajo Shopify Flow
- En «Shopify Flow», cree un flujo de trabajo y seleccione el activador «Workflow Webhooks».
- Haga clic en «Grabar eventos» y, a continuación, envíe un evento de prueba desde Customer.io (o utilice la opción «Enviar prueba» en Workflow Webhooks) para que Shopify Flow aprenda la estructura de sus datos.
- Cada webhook del que disponga activa el mismo activador de Shopify Flow, por lo que debe añadir una primera condición basada en el identificador del webhook para que este flujo de trabajo se limite exclusivamente a Customer.io. El identificador aparece en la página del webhook.
- Añada sus acciones: etiquete a un cliente, añada una nota, envíe un correo electrónico interno o actualice un metacampo.
Paso 4: Realice una prueba de extremo a extremo
Activador de eventos reales en Customer.io. En Workflow Webhooks -> Historial debería ver la invocación con el estado «Éxito». Si la firma era incorrecta, aparecerá una entrada de error con el motivo correspondiente; además, en Verificación de webhooks firmados encontrará una explicación sobre la herramienta de comprobación de firmas, que le indicará exactamente en qué paso se produjo el error.
La firma no coincide▾
En este pedido: el secreto (la causa más habitual: un espacio de más o una clave del entorno incorrecto), si el remitente está utilizando el secreto de otro punto final y si algún elemento entre Customer.io y la aplicación reescribe el cuerpo del mensaje. Las firmas abarcan los bytes sin procesar, por lo que un proxy que reformatee el JSON las invalida. El verificador de firmas de la página de webhooks muestra el texto exacto que se ha firmado.
Me aparece el error 401 en todas las solicitudes▾
Compruebe que la autenticación del webhook esté configurada en HMAC con el proveedor Customer.io seleccionado, que se haya introducido el secreto y que Customer.io esté enviando la solicitud a la URL exactamente tal y como la muestra la aplicación, incluido el código al final.
No aparece nada en el historial▾
La solicitud nunca se recibió. Vuelva a comprobar la URL en Customer.io y consulte el registro de entrega de la propia Customer.io para ver la respuesta que recibió. Un error 404 indica que el webhook es incorrecto o ha sido eliminado; un error 429 significa que ha superado el límite de invocaciones de su plan; consulte Planes y uso.
El flujo de trabajo se ejecuta para eventos incorrectos▾
Cada Webhook de su tienda activa el mismo activador de Shopify Flow. Añada una condición basada en el ID del Webhook como primer paso del flujo de trabajo, o limite los eventos que envía desde Customer.io.
Relacionado
- Verificación de webhooks firmados - todos los proveedores que verificamos, y cómo describir a aquellos que no verificamos.
- Asignación de la carga útil y variables de flujo - extraer los campos adecuados del payload y introducirlos en Shopify Flow.
- Protección contra entregas duplicadas - ¿Qué ocurre cuando Customer.io vuelve a intentar un envío?
- Historial y resolución de problemas - el registro de todas las solicitudes, con la posibilidad de reproducirlas.