Primeros pasos con Unbounce

Qué aprenderás

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

Tabla de contenidos

1. Verificar los campos del formulario en Unbounce
2. Activa la integración en Klaviyo
3. Configura los webhook de Unbounce
4. Ver los datos de Unbounce en Klaviyo
5. Usa los datos de Unbounce en Klaviyo
6. Solución de problemas

Verificar los campos del formulario en Unbounce

Para extraer datos a Klaviyo mediante webhooks, la página de Unbounce debe tener un formulario con un campo asignado a email. Puedes comprobar 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 formas de crear páginas: su creador estándar y Smart Builder. Comprobar los campos de tu formulario es similar en ambos casos. Para obtener más información sobre cualquiera de los formularios que se indican a continuación, consulta la documentación de Unbounce sobre configurar un formulario.

Editor Standard

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 tu formulario y, a continuación, haz clic en Editar campos del formulario.
   

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

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

Editor inteligente

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

2. Dentro del formulario, haz clic en el desplegable del cuadro de texto Email y selecciona Editar campo.
   

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

4. Cuando hayas verificado el nombre del campo, haz clic en Enviar.
5. Si has hecho algún cambio en el formulario, haz clic en Guardar y luego en Publicar en la barra de menú superior para implementar tus actualizaciones.

Activa la integración en Klaviyo

1. En Klaviyo, selecciona la pestaña Integraciones.
2. Haz clic en Explorar aplicaciones y busca Unbounce; a continuación, 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 Añadir nuevos clientes potenciales de Unbounce a una lista de Klaviyo para añadir nuevos clientes potenciales a una lista específica de Klaviyo. Elige la lista en el menú desplegable Seleccionar una lista. Añadir clientes potenciales a una lista no supone suscribirlos a mensajes de marketing.

6. En Configuración de 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 configuración.

Configura los webhook de Unbounce

1. Accede a Unbounce. Desde la página Todas las páginas en Unbounce, selecciona la página a la que quieras añadir tu webhook de Klaviyo.
   

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

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

4. Debajo de la URL, hay un ajuste que dice Predeterminado. No cambies ese ajuste. Debe ser Predeterminado.
5. Abre el menú Encabezados personalizados y haz clic en Añadir encabezado personalizado. Pega el encabezado de Klaviyo en el campo «Encabezado(s)». Luego, pega el secreto generado de Klaviyo en el campo «Valor».

6. Dentro de Unbounce Form Data, asigna el campo email 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 email 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 Hecho. Prueba un envío de formulario tal y como se describe a continuación para confirmar que Klaviyo lo recibe.

Ver los datos de Unbounce en Klaviyo

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

Klaviyo sincroniza leads mediante la métrica Filled Out Form , que aparece con un icono de Unbounce al lado. Para confirmar que se está sincronizando correctamente con Klaviyo, ve a Análisis > Métricas 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 Formulario completado para el envío de prueba. El evento puede pertenecer a un perfil nuevo o existente. Si lo ves, los envíos de formularios se están sincronizando.

Klaviyo ignora los envíos que no incluyan una dirección de email válida en un campo compatible. Haz que el campo de email 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 flujo:

• ID de la página
  El ID único de la página de Unbounce en la que 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, tal como se utiliza en Smart Traffic de Unbounce

Usa los datos de Unbounce en Klaviyo

Crear segmento

Si quieres enviar una campaña de email específica a clientes que respondieron a una variante específica de tu página de destino, puedes crear un segmento en Klaviyo usando datos de Variante de página.

1. En Klaviyo, ve a Audiencia > Listas y segmentos.
2. Haz clic en Crear y selecciona Segmento.
3. Introduce un nombre para el segmento. Si le vas a poner nombre en un panel lateral, haz clic en Crear segmento para continuar al generador. Añade las siguientes condiciones:
   • Si un usuario está o no en una lista: selecciona is y elige la lista. Añade 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 elige el periodo de tiempo que quieres comprobar.
   • Haz clic en el icono Añadir filtro junto a la condición del evento. Selecciona Variante de página e introduce la variante que quieras hacer coincidir junto a es igual a.
   • Para limitar el segmento a una página específica, añade otro filtro de evento para ID de página e introduce 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 entren en el segmento.

4. Haz clic en Crear segmento cuando hayas terminado.

Crear flujo de bienvenida

Puedes usar los datos de Unbounce para configurar una serie de bienvenida de 2–3 mensajes que se active cuando se añadan leads a tu lista de email. Usa la misma lista que seleccionaste en los ajustes de las integraciones de Unbounce. Añadir un lead a esa lista no hace que se suscriba al marketing, así que asegúrate de tener su consentimiento antes de enviar emails de marketing. Consulta nuestra guía sobre cómo crear una serie de bienvenida para obtener más información.

Solución de problemas

Los envíos de formularios no aparecen en Klaviyo

Comprueba que el webhook de Unbounce use la URL y el encabezado de la sección configuración de webhook de Klaviyo, y que su valor sea el secreto que generaste. Mantén el menú desplegable debajo de la URL del webhook configurado en Predeterminado y comprueba la asignación de email descrita anteriormente. 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 el secreto, haz clic en Generar nuevo secreto en Klaviyo. Copia y guarda el nuevo secreto, actualiza el Valor en todos los webhook de Unbounce que usen el secreto antiguo y guarda los cambios en Unbounce. Los envíos que usen el secreto antiguo no se sincronizarán.

Los campos del formulario no se están rellenando en mi configuración de webhook

Si los campos del formulario no aparecen en la configuración del webhook, puede 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 tu 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 Volver a publicar, según el creador que estés usando).
5. Vuelve a la pestaña Webhooks de tu cuenta de Unbounce e intenta la configuración de nuevo. Ahora deberías poder ver los campos del formulario completados en la configuración del webhook.
6. Si el problema persiste, ponte en contacto con el equipo de asistencia de Unbounce.

Resultado

Ya has integrado Unbounce con Klaviyo y has revisado tus datos sincronizados.

Recursos adicionales