Primeros pasos con Unbounce

Qué aprenderás

Aprenda a integrar Unbounce con Klaviyo para ayudarle a utilizar la página de aterrizaje (landing page) para añadir clientes a su lista de correo principal, activar una serie de flujo de bienvenida y mucho más. Puede recoger el contacto a través de una página de aterrizaje ( Unbounce ) y enviar automáticamente una serie de mensajes de bienvenida y otros mensajes personalizados. Habilitar la integración con Unbounce de Klaviyo requiere pasos tanto dentro de Klaviyo como de Unbounce.

Índice

1. Verificar campos de formulario en Unbounce
2. Habilitar la integración en Klaviyo
3. Configurar los webhooks de Unbounce
4. Ver datos de Unbounce en Klaviyo
5. Utilice los datos de Unbounce en Klaviyo
6. Resuelve problemas

Verificar campos de formulario en Unbounce

Para extraer datos en Klaviyo a través de webhooks, su página Unbounce necesita un formulario con un campo asignado a correo electrónico. Puede verificar que los campos de su formulario están configurados correctamente antes de conectar su webhook siguiendo los pasos que se indican a continuación.

Unbounce tiene dos formas de construir páginas: su constructor estándar y un Constructor Inteligente. La comprobación de los campos del formulario es similar en ambos casos. Para obtener más información sobre cualquiera de los formularios que aparecen a continuación, consulte la documentación de Unbounce sobre la configuración de un formulario.

Constructor estándar

1. En Unbounce, seleccione la página que desea ver y, a continuación, haga clic en Editar en la parte inferior de la página.
   
2. En el editor de páginas, haga clic en su formulario y, a continuación, en Editar campos del formulario.
   
3. Haga clic en la casilla Correo electrónico * para abrir la configuración del campo. A continuación, compruebe que la casilla Nombre de campo e ID está configurada como correo electrónico. Si necesita editar este texto, desmarque la opción Generar automáticamente a partir de la etiqueta de campo y realice sus ediciones.
   
4. Una vez que haya verificado el nombre del campo, pulse Hecho.
5. Si ha realizado algún cambio en el formulario, haga clic en Guardar y luego en Volver a publicar en la barra de menú superior para aplicar sus actualizaciones.

Constructor inteligente

1. En Unbounce, navegue hasta la página que desea editar y haga clic en Editar en la parte inferior de la página.
   
2. Dentro del formulario, haga clic en el desplegable del cuadro de texto Correo electrónico y seleccione Editar campo.
   
3. En el menú Editar campo, compruebe que la casilla Nombre de campo/ID está configurada como correo electrónico.
   
4. Una vez que haya verificado el nombre del campo, haga clic en Enviar.
5. Si ha realizado algún cambio en el formulario, haga clic en Guardar y luego en Publicar en la barra de menú superior para aplicar sus actualizaciones.

Habilitar la integración en Klaviyo

1. En Klaviyo, haga clic en el nombre de su cuenta en la esquina inferior izquierda y seleccione Integraciones.
2. Haz clic en Añadir integraciones y busca Unbounce, luego haz clic en la tarjeta. 
3. Luego, haz clic en Instalar.
4. Haga clic en Conectar con Unbounce.
   
5. Seleccione la casilla de verificación junto a Añadir nuevos clientes potenciales de Unbounce una lista de Klaviyo para sincronizar sus clientes potenciales de Unbounce a una lista específica de Klaviyo. Elija en el desplegable la lista con la que desea sincronizar sus clientes potenciales iniciales.
   
6. Copie la URL del Webhook en Configuración del Webhook. Esta URL se utilizará en la siguiente sección para crear un webhook a Klaviyo en Unbounce.
7. Haga clic en Completar configuración.

Configurar los webhooks de Unbounce

1. Diríjase a Unbounce. Desde la página Todas las páginas en Unbounce, seleccione la página a la que desea añadir su webhook Klaviyo.
   
2. Haga clic en la pestaña Integraciones y seleccione Webhooks > Añadir Webhook.
   
3. Pegue la URL de Klaviyo en el primer cuadro de texto bajo Elija una URL a la que enviar los datos del formulario POST.
   
4. Verifique que el campo de correo electrónico bajo Unbounce Field ID a la izquierda está mapeado a correo electrónico a la derecha. Si esto se asigna a cualquier otro valor - como your_email - Klaviyo no reconocerá esta propiedad como una dirección de correo electrónico y el webhook será descartado. La asignación distingue entre mayúsculas y minúsculas y el correo electrónico debe escribirse en minúsculas.
5. Una vez que haya verificado todos los campos, haga clic en Guardar cambios.
6. Deje tiempo para que se procese la integración. Si la integración se realiza correctamente, verá el siguiente mensaje de éxito que le informará de que ha actualizado correctamente su Webhook. Pulse Hecho para finalizar la configuración.
   

Ver datos de Unbounce en Klaviyo

Para comprobar su integración después de haber añadido el webhook de Klaviyo, cree un nuevo lead a través de su 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 al lado. Para confirmar que esto se está sincronizando correctamente con Klaviyo, vaya a Analytics > Metrics, y filtre por Unbounce. Actualmente, Klaviyo sincroniza una métrica con Unbounce: Formulario Rellenado. Seleccione Formulario cumplimentado para ver los datos específicos de esta métrica.

Haga clic en el icono Activity Feed y debería ver un nuevo perfil creado para este lead en su cuenta de Klaviyo. Si ve esto, sus clientes potenciales ya están sincronizados.

La métrica Formulario rellenado contiene los siguientes metadatos, que pueden utilizarse en segmentos y flujos:

• ID de la 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 utiliza en el tráfico inteligente de Unbounce

Utilice los datos de Unbounce en Klaviyo

Crear un segmento 

Si desea enviar una campaña de correo electrónico específica a los clientes que respondieron a una variante concreta de su formulario, puede crear un segmento en Klaviyo utilizando los datos de la variante de página.

1. Navegue hasta Audiencia > Listas & Segmentos en Klaviyo.
2. Haga clic en Crear lista/segmento y seleccione Segmento.
3. Nombre su nuevo segmento adecuadamente y añada las siguientes definiciones al segmento:
   • Si alguien está o no en una lista: establecer a Es
     Establezca esto si desea utilizar únicamente clientes de una lista específica en Klaviyo; de lo contrario, pase a la siguiente definición.
   • Lo que alguien ha hecho (o no ha hecho): configure la métrica Formulario rellenado de Unbounce y elija el periodo de tiempo en el que desea comprobarlo.
   • Haga clic en Añadir filtro y seleccione la propiedad Variante de página en el desplegable; a continuación, introduzca la variante de página en el cuadro de igualdad.
     
4. Haga clic en Crear segmento cuando haya terminado.

Crear un flujo de bienvenida

Puede utilizar los datos de Unbounce para crear una serie de correos electrónicos de bienvenida que se activan cuando alguien introduce un correo electrónico en un formulario. La ventaja de hacerlo a través de Klaviyo es que puede configurar una serie de bienvenida de dos o tres mensajes, que se activa cuando sus clientes potenciales se añaden a su lista de correo electrónico. Consulte nuestra guía sobre la creación de una serie de bienvenida para obtener más información.

Resuelve problemas

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

Si los campos de su formulario no aparecen en la configuración de su webhook, puede que necesite volver a publicar su página para resincronizar los campos del formulario.

Para volver a publicar:

1. Haga clic en su página en Unbounce y vaya a la pantalla Editar.
2. Elija cualquier cosa de su página y modifíquela ligeramente, después haga clic en Guardar.
3. Revierta el cambio y vuelva a hacer clic en Guardar.
4. Haga clic en Publicar (o Volver a publicar, según el constructor que esté utilizando).
5. Vuelva a la pestaña Webhooks de su cuenta Unbounce e intente de nuevo la configuración. Ahora debería poder ver los campos del formulario rellenados en la configuración del webhook.
6. Si este problema persiste, póngase en contacto con el equipo de soporte de Unbounce.

Resultado

Ahora ha integrado Unbounce con Klaviyo y ha revisado sus datos sincronizados. 

Recursos adicionales

• Introducción a los flujos
• Guía para crear segmentos