Primeros pasos con Unbounce

Qué aprenderás

Descubre cómo integrar Unbounce con Klaviyo para ayudarte a utilizar páginas de destino para añadir clientes a tu lista principal de email, activar un flujo de serie de bienvenida y mucho más. Puedes recopilar contactos mediante 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 en Klaviyo, es necesario 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 en Klaviyo a través de webhooks, tu página de Unbounce debe tener un formulario con un campo asignado a email. Puedes comprobar que los campos de tu formulario están configurados correctamente antes de conectar tu webhook siguiendo los pasos que se indican 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 situada junto a Añadir leads a una lista de Klaviyo para sincronizar tus leads de Unbounce con una lista específica de Klaviyo. Elige la lista con la que quieres sincronizar tus leads iniciales en el menú desplegable.
   

6. En Configuración del webhook, copia la URL del webhook y el nombre del encabezado. Genera un secreto y copia también ese. Estos valores se usarán en la siguiente sección para crear un webhook para Klaviyo en Unbounce.
7. 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. En Unbounce Form Data, comprueba que el campo email en Unbounce Field ID de la izquierda esté asignado a email a la derecha. Si este está asignado a cualquier otro valor (como your_email), Klaviyo no reconocerá esta propiedad como una dirección de email y se rechazará el webhook. La asignación distingue entre mayúsculas y minúsculas, y email debe tener el 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 se procese. Si la integración se realiza correctamente, verás el siguiente mensaje de éxito que te informará de que Has actualizado correctamente tu webhook. Haz clic en Listo para terminar la configuración.

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 los leads a través de la métrica Filled Out Form , que aparece con un icono de Unbounce junto a ella. Para confirmar que se está sincronizando correctamente con Klaviyo, ve a Analytics > Metrics, y filtra por Unbounce. Actualmente, Klaviyo sincroniza una métrica con Unbounce: Filled Out Form. Selecciona Filled Out Form para ver los datos específicos de esta métrica.

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

Klaviyo solo registrará tus leads si tienes email como campo obligatorio en tu formulario. Si un lead no incluye una dirección de email, Klaviyo lo ignorará.

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

• ID de página
  El ID único del formulario que rellenó el usuario
• 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 los datos de Unbounce en Klaviyo

Crear segmento

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

1. En Klaviyo, ve a Audiencia > Listas y segmentos.
2. Haz clic en Crear lista/segmento y selecciona Segmento.
3. Asigna un nombre adecuado a tu nuevo segmento y añade las siguientes definiciones al segmento:
   • Si alguien está o no está en una lista: establece en Es
     Establece esto si quieres usar solo clientes de una lista específica en Klaviyo; si no, pasa a la siguiente definición.
   • Lo que alguien ha hecho (o no ha hecho): configúralo en la métrica Filled Out Form de Unbounce y elige el periodo de tiempo que quieras consultar.
   • Haz clic en Añadir filtro y selecciona la propiedad Variante de página en el menú desplegable; a continuación, introduce la variante de página en el cuadro igual a.
     

4. Haz clic en Crear segmento cuando hayas terminado.

Crear flujo de bienvenida

Puedes usar los datos de Unbounce para crear una serie de emails de bienvenida que se activan cuando alguien introduce un email en un formulario. La ventaja de hacerlo 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 añaden a tu lista de emails. Consulta nuestra guía sobre cómo crear una serie de bienvenida para obtener más información.

Solución de problemas

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