Integración con Klaviyo
Esta guía te lleva paso a paso por la construcción de un flow de email Klaviyo que se dispara cuando un cliente termina un diagnóstico Dialog y le envía recomendaciones de producto personalizadas por email. Para los eventos Personal Shopper más recientes, salta a Flows Personal Shopper.
Prerrequisitos
Sección titulada «Prerrequisitos»- Tu API key de Klaviyo debe estar configurada en Dialog (contacta a Dialog si no lo está).
- Debes haber recibido al menos un evento de diagnóstico desde Dialog después de que la API key de Klaviyo fuera configurada. Esto crea la métrica
dialog_diagnosticen Klaviyo.
Pasos de setup
Sección titulada «Pasos de setup»1. Acceder a Flows
Sección titulada «1. Acceder a Flows»En tu dashboard de Klaviyo, haz clic en Flows en la sidebar izquierda.
2. Crear un flow nuevo
Sección titulada «2. Crear un flow nuevo»Haz clic en Create Flow (arriba a la derecha).
3. Empezar de cero
Sección titulada «3. Empezar de cero»Selecciona Build your own.
4. Nombrar tu flow
Sección titulada «4. Nombrar tu flow»Usa: Default diagnostic email.
5. Configurar el trigger
Sección titulada «5. Configurar el trigger»- Haz clic en el bloque Trigger.
- En el panel de la derecha, selecciona Your metrics.
- Haz clic en API.
- Selecciona dialog_diagnostic.
- Haz clic en Save.
6. Añadir un bloque email
Sección titulada «6. Añadir un bloque email»Arrastra un bloque Email desde el panel de la izquierda y conéctalo al trigger.
7. Configurar el bloque email
Sección titulada «7. Configurar el bloque email»Haz clic en el bloque Email y rellena:
- Email name — nombre de referencia interno.
- Subject line — lo que los destinatarios verán.
8. Crear un template HTML custom
Sección titulada «8. Crear un template HTML custom»- En la sección Template, haz clic en el botón ⋮ (tres puntos).
- Selecciona Create custom HTML email.
9. Pegar el template
Sección titulada «9. Pegar el template»Copia y pega el template HTML de Dialog (ver Opciones de template abajo) en el editor.
10. Customizar el template
Sección titulada «10. Customizar el template»Reemplaza estos placeholders con tus valores reales:
| Placeholder | Reemplazar por |
|---|---|
REPLACE_ME_BY_ORGANIZATION_LOGO_URL | La URL de tu logo |
REPLACE_ME_BY_ORGANIZATION_BANNER_URL | La URL de tu banner |
REPLACE_ME_BY_YOUR_STORE_DOMAIN | El dominio de tu tienda |
Opcional:
- Añade tu footer custom.
- Ajusta el CSS (colores, background).
11. Guardar y activar
Sección titulada «11. Guardar y activar»Guarda el template, revisa el flow, y ponlo en estado Live.
Referencia de variables de template
Sección titulada «Referencia de variables de template»Dialog rellena automáticamente estas variables en el email:
| Variable | Descripción |
|---|---|
| `{{ event.diagnostic_resume | safe }}` |
{{ event.products }} | Array de productos recomendados |
Propiedades del objeto producto:
title— nombre del productohandle— slug de URL del productoimage— URL de la imagenprice— preciocurrency— monedasentence— texto personalizado de recomendación
Opciones de template
Sección titulada «Opciones de template»Tienes dos formas de montar el email:
Opción 1: template HTML completo
Sección titulada «Opción 1: template HTML completo»Copia el template completo desde Dialog en el editor HTML de Klaviyo. Obtienes un email brandeado y listo para customizar.
El template completo tiene ~800 líneas de HTML. Contacta a support@askdialog.com para la última versión, o pídele a tu equipo Dialog.
Opción 2: bloque HTML en un template existente
Sección titulada «Opción 2: bloque HTML en un template existente»Si ya tienes un template Klaviyo con tu layout de marca, puedes añadir un bloque HTML que contiene solo la sección de resultados Personal Shopper. Contacta a support@askdialog.com para el snippet del bloque HTML.
Usuarios de Personal Shopper
Sección titulada «Usuarios de Personal Shopper»Si activaste Personal Shopper, la configuración Klaviyo vive en la sección Personal Shopper misma, junto a los CRM tags y los eventos que Dialog envía tras la completion. El flow diagnostic legacy de esta página queda independiente y disponible.
¿Necesitas ayuda?
Sección titulada «¿Necesitas ayuda?»Escribe a support@askdialog.com y te enviamos el último template y te ayudamos a debuguear.