Primeros pasos con Unbounce

Objetivos del artículo

Descubre cómo integrar Unbounce con Klaviyo para ayudarte a usar páginas de destino para añadir clientes a la lista principal de correos electrónicos, activar un flujo de serie de bienvenida y mucho más. Puedes recopilar un contacto a través de una página de destino de Unbounce y luego enviar automáticamente una serie de bienvenida y otros mensajes personalizados. Para habilitar las integraciones de Unbounce de Klaviyo, debes completar pasos tanto en Klaviyo como en Unbounce.

Índice

1. Verificar campos del formulario en Unbounce
2. Habilita la integración en Klaviyo
3. Configurar webhooks de Unbounce
4. Ver datos de Unbounce en Klaviyo
5. Usa datos de Unbounce en Klaviyo
6. Guía de solución de problemas

Verificar campos del formulario en Unbounce

Para extraer datos hacia Klaviyo mediante webhooks, tu página de Unbounce necesita un formulario con un campo asignado a email. Puedes verificar que los campos del formulario estén configurados correctamente antes de conectar el webhook siguiendo los pasos que se indican a continuación.

Unbounce tiene dos maneras de crear páginas: su creador estándar y un Smart Builder. Revisar los campos del formulario es similar en cualquiera de los dos casos. Para obtener más información sobre cualquiera de los formularios a continuación, consulta la documentación de Unbounce sobre configurar un formulario.

Standard builder

1. En Unbounce, selecciona la página que quieres ver y luego haz clic en Editar en la parte inferior de la página.
   

2. En el editor de páginas, haz clic en el formulario y luego haz clic en Editar campos del formulario.
   

3. Haz clic en el cuadro Correo electrónico * para abrir la configuración del campo. Luego, verifica que el cuadro Nombre y ID del campo esté configurado como email. Si necesitas editar este texto, desmarca Generar automáticamente a partir de la etiqueta del campo y haz los cambios.
   

4. Una vez que hayas verificado el nombre del campo, haz clic en Listo.
5. Si hiciste algún cambio en el formulario, haz clic en Guardar y luego en Volver a publicar en la barra de menú superior para implementar las actualizaciones.

Creador inteligente

1. En Unbounce, ve a la página que quieras editar y haz clic en Editar en la parte inferior de la página.
   

2. Dentro del formulario, haz clic en el menú desplegable del cuadro de texto de Correo electrónico y selecciona Editar campo.
   

3. En el menú Editar campo, verifica que el cuadro Nombre/ID del campo esté configurado como email.
   

4. Después de verificar el nombre del campo, haz clic en Enviar.
5. Si hiciste algún cambio en el formulario, haz clic en Guardar y luego en Publicar en la barra de menú superior para aplicar las actualizaciones.

Habilita la integración en Klaviyo

1. En Klaviyo, selecciona la pestaña Integraciones.
2. Haz clic en Explorar aplicaciones y busca Unbounce; luego haz clic en la tarjeta.
3. A continuación, haz clic en Instalar.
4. Haz clic en Conectar con Unbounce.
   

5. Selecciona la casilla de verificación junto a Agregar leads a una lista de Klaviyo para sincronizar tus leads de Unbounce con una lista específica de Klaviyo. Elige la lista a la que quieres sincronizar tus leads iniciales desde el menú desplegable.
   

6. En Configuración del webhook, copia la URL del webhook y el nombre del encabezado. Genera un secreto y cópialo también. Estos valores se usarán en la siguiente sección para crear un webhook a Klaviyo en Unbounce.
7. Haz clic en Completar la configuración.

Configurar webhooks de Unbounce

1. Ve a Unbounce. En la página Todas las páginas de Unbounce, selecciona la página a la que quieras agregar el webhook de Klaviyo.
   

2. Haz clic en la pestaña Integraciones y selecciona Webhooks > Agregar webhook.

3. Pega la URL de Klaviyo en el primer cuadro de texto, debajo de Elige una URL para enviar datos del formulario mediante POST.

4. Debajo de la URL, hay una configuración que dice Predeterminado. No cambies esa configuración. Debe ser Predeterminado.
5. Abre el menú Encabezados personalizados y haz clic en Agregar encabezado personalizado. Pega el encabezado de Klaviyo en el campo “Encabezado(s)”. Luego, pega el secreto generado de Klaviyo en el campo “Valor”.

6. En Unbounce Form Data, verifica que el campo email en Unbounce Field ID a la izquierda esté asignado a email a la derecha. Si está asignado a cualquier otro valor, como your_email, Klaviyo no reconocerá esta propiedad como una dirección de correo electrónico y se descartará el webhook. La asignación distingue entre mayúsculas y minúsculas, y email debe tener formato en minúsculas.
7. Una vez que hayas verificado todos los campos, haz clic en Guardar cambios.
8. Deja tiempo para que la integración procese. Si la integración es exitosa, verás el siguiente mensaje de éxito que te indicará Has actualizado correctamente tu webhook. Haz clic en Listo para terminar la configuración.

Ver datos de Unbounce en Klaviyo

Para comprobar la integración después de añadir el webhook de Klaviyo, crea un nuevo lead desde la página de Unbounce.

Klaviyo sincroniza leads mediante la métrica Filled Out Form , que aparece con un ícono de Unbounce junto a ella. Para confirmar que se esté sincronizando correctamente con Klaviyo, ve a Análisis > Métricas y filtra por Unbounce. Actualmente, Klaviyo sincroniza una métrica con Unbounce: Formulario completado. Selecciona Formulario completado para ver datos específicos de esta métrica.

Haz clic en el ícono de Feed de actividad y deberías ver un perfil nuevo creado para este lead en tu cuenta de Klaviyo. Si ves esto, tus leads ahora se están sincronizando.

Klaviyo solo registrará tus clientes potenciales si tienes correo electrónico como campo obligatorio en el formulario. Si un cliente potencial no incluye una dirección de correo electrónico, Klaviyo lo ignorará.

La métrica Filled Out Form contiene los siguientes metadatos, que se pueden usar en segmentos y flujos:

• ID de página
  El ID único del formulario que el usuario completó
• Nombre de la página
  El nombre del formulario en Unbounce
• Variante de página
  La variante del formulario en Unbounce, tal como se usa en Smart Traffic de Unbounce

Usa datos de Unbounce en Klaviyo

Crear un segmento

Si quieres enviar una campaña de correo electrónico específica a los clientes que respondieron a una variante específica de tu formulario, puedes crear un segmento en Klaviyo usando datos de variante de página.

1. Ve a Público > Listas y segmentos, en Klaviyo.
2. Haz clic en Crear lista/segmento y selecciona Segmento.
3. Nombra tu nuevo segmento de forma adecuada y agrega las siguientes definiciones al segmento:
   • Si alguien está o no está en una lista: establece en Es
     Establece esta opción si deseas usar solo clientes de una lista específica en Klaviyo; de lo contrario, pasa a la siguiente definición.
   • Lo que alguien ha hecho (o no ha hecho): configúralo con la métrica Filled Out Form de Unbounce y elige el periodo de tiempo que quieres revisar.
   • Haz clic en Agregar filtro y selecciona la propiedad Variante de página en el menú desplegable, luego ingresa la variante de página en el cuadro es igual a.
     

4. Haz clic en Crear segmento cuando termines.

Crear un flujo de bienvenida

Puedes usar los datos de Unbounce para crear una serie de correos electrónicos de bienvenida que se activa cuando alguien ingresa un correo electrónico en un formulario. La ventaja de hacer esto a través de Klaviyo es que puedes configurar una serie de bienvenida de dos a tres mensajes, que se activa cuando tus leads se agregan a tu lista de correos electrónicos. Consulta nuestra guía para crear una serie de bienvenida para obtener más información.

Guía de solución de problemas

Los campos del formulario no se completan en mi configuración de webhook

Si los campos del formulario no aparecen en la configuración del webhook, es posible que tengas que volver a publicar la página para resincronizar los campos del formulario.

Para volver a publicar:

1. Haz clic en tu página en Unbounce y ve a la pantalla de Editar.
2. Elige cualquier elemento de la página y modifícalo ligeramente, luego haz clic en Guardar.
3. Revierte el cambio y haz clic en Guardar de nuevo.
4. Haz clic en Publicar (o en Volver a publicar, según el constructor que estés usando).
5. Regresa a la pestaña Webhooks de la cuenta de Unbounce e intenta la configuración de nuevo. Ahora deberías poder ver los campos del formulario completos en la configuración del webhook.
6. Si este problema persiste, ponte en contacto con el equipo de asistencia de Unbounce.

Resultado

Ya integraste Unbounce con Klaviyo y revisaste los datos sincronizados.

Recursos adicionales