Primeros pasos con Unbounce

Objetivos del artículo

Aprende a integrar Unbounce con Klaviyo para ayudarte a usar páginas de destino y agregar clientes a la lista principal de correos electrónicos, activar un flujo de serie de bienvenida y más. Puedes recopilar información de 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. Habilitar las integraciones de Unbounce de Klaviyo requiere 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 a Klaviyo mediante webhook, tu página de Unbounce necesita un formulario con un campo asignado al correo electrónico. Puedes verificar que los campos del formulario estén configurados correctamente antes de conectar el webhook siguiendo los pasos que se describen 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 junto a Agregar nuevos clientes potenciales de Unbounce a una lista de Klaviyo para agregar nuevos clientes potenciales a una lista específica de Klaviyo. Elige la lista en el menú desplegable Selecciona una lista. Agregar clientes potenciales a una lista no los suscribe a mensajes de marketing.

6. En Configuración del webhook, copia los valores de URL y encabezado. Usarás estos valores para configurar el webhook en Unbounce.
7. Haz clic en Generar secreto. Copia y guarda el secreto en un lugar seguro antes de hacer clic en Listo. No podrás volver a ver el secreto completo. Usa este secreto como el valor del webhook en Unbounce.
8. 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, asigna el campo de correo electrónico a email. Klaviyo también acepta email_address y your_email. Estos nombres de campo distinguen entre mayúsculas y minúsculas y deben estar en minúsculas. Los envíos sin una dirección de correo electrónico válida en un campo compatible se ignoran.
7. Una vez que hayas verificado todos los campos, haz clic en Guardar cambios.
8. Después de que Unbounce confirme que el webhook se actualizó, haz clic en Listo. Prueba un envío de formulario como se describe a continuación para confirmar que Klaviyo lo reciba.

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 los leads mediante la métrica Filled Out Form , que aparece con un ícono de Unbounce junto a ella. Para confirmar que esto se esté sincronizando correctamente con Klaviyo, ve a Análisis > Métrica y filtra por Unbounce. Actualmente, Klaviyo sincroniza 1 métrica con Unbounce: Filled Out Form. Selecciona Filled Out Form para ver los datos específicos de esta métrica.

Haz clic en la pestaña Feed de actividad y busca un evento de Formulario completado para tu envío de prueba. El evento puede pertenecer a un perfil nuevo o existente. Si lo ves, los envíos del formulario se están sincronizando.

Klaviyo ignora los envíos sin una dirección de correo electrónico válida en un campo compatible. Haz que el campo de correo electrónico sea obligatorio en Unbounce para que los visitantes no puedan enviar el formulario sin una dirección.

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 de la página de Unbounce donde se envió el formulario
• Nombre de la página
  El nombre de la página en Unbounce
• Variante de la página
  La variante de la página en Unbounce, según 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 clientes que respondieron a una variante específica de la página de destino, puedes crear un segmento en Klaviyo con los datos de variante de la página.

1. Ve a Público > Listas y segmentos, en Klaviyo.
2. Haz clic en Crear y selecciona Segmento.
3. Ingresa un nombre para el segmento. Si le estás poniendo un nombre en un panel lateral, haz clic en Crear segmento para continuar con el generador. Añade las siguientes condiciones:
   • Si alguien está o no en una lista: selecciona es y elige la lista. Agrega esta condición opcional con AND si quieres incluir solo perfiles de esa lista; de lo contrario, omítela.
   • Lo que alguien ha hecho (o no ha hecho): selecciona la métrica Filled Out Form de Unbounce, elige al menos una vez y selecciona el periodo de tiempo que quieres revisar.
   • Haz clic en el ícono Agregar filtro junto a la condición del evento. Selecciona Variante de la página e ingresa la variante que quieres hacer coincidir junto a es igual a.
   • Para limitar el segmento a una página específica, agrega otro filtro de evento para ID de la página e ingresa el ID de esa página junto a es igual a. Esto evita que los envíos de otras páginas con el mismo valor de variante se incluyan en el segmento.

4. Haz clic en Crear segmento cuando termines.

Crear un flujo de bienvenida

Puedes usar los datos de Unbounce para configurar una serie de bienvenida de 2–3 mensajes que se active cuando se agreguen leads a tu lista de correos electrónicos. Usa la misma lista que seleccionaste en la configuración de integraciones de Unbounce. Agregar un lead a esa lista no lo suscribe a marketing, así que asegúrate de tener su consentimiento antes de enviar correos electrónicos de marketing. Consulta nuestra guía para crear una serie de bienvenida para obtener más información.

Guía de solución de problemas

Los envíos de formularios no aparecen en Klaviyo

Verifica que el webhook de Unbounce use la URL y el encabezado de la sección configuración del webhook de Klaviyo, y que el valor sea el secreto que generaste. Mantén el menú desplegable debajo de la URL del webhook configurado en Predeterminado y verifica la asignación de correo electrónico descrita arriba. Envía el formulario de nuevo y busca el nuevo evento Formulario completado en Klaviyo.

Generar un nuevo secreto invalida inmediatamente el secreto actual. Si ya no tienes tu secreto, haz clic en Generar nuevo secreto en Klaviyo. Copia y guarda el nuevo secreto, actualiza el Valor en cada webhook de Unbounce que use el secreto anterior y guarda los cambios en Unbounce. Los envíos que usen el secreto anterior no se sincronizarán.

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