Qué aprenderás

Descubre cómo añadir un teaser a tu formulario de registro emergente o desplegable, que es un widget pequeño en el que un visitante puede hacer clic para cerrar y volver a abrir un formulario cuando quiera.

Los teaser se pueden usar para formularios emergentes, desplegables y de página completa. Los teaser no están disponibles para formularios integrados.

Añade un teaser a un popup o desplegable, o a un formulario de registro de página completa

Para añadir un teaser a un formulario, ve a la pestaña Formularios de registro y abre un formulario existente o crea uno nuevo. Haz clic en (+) Teaser en el editor de formularios.

The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Elige un estilo de teaser

En Estilos, elige una de las 3 formas de teaser:

  • Rectángulo
    Usa la forma de rectángulo para un teaser de estilo pestaña
  • Círculo
    Utiliza la forma de círculo para un teaser de estilo burbuja
  • Esquina
    Usa la forma de esquina para un teaser situado en una esquina de tu sitio

Coloca tu teaser en cualquiera de los lados o esquinas de tu sitio. El tamaño del teaser está optimizado para una variedad de dispositivos. Asegúrate de ver las vistas previas de escritorio y móvil para garantizar que la ubicación del teaser no entre en conflicto con otros elementos de tipo popup o teaser en tu sitio.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

Aquí también puedes elegir un tamaño para el teaser de tu formulario (es decir, pequeño, mediano, grande, personalizado) usando el menú desplegable.

Ten en cuenta que, si eliges un estilo de rectángulo, no cambiará de tamaño en dispositivos móviles. Los teaser de formularios rectangulares se optimizan automáticamente para dispositivos móviles y se muestran centrados y más anchos, lo que hace que sea más fácil tocarlos.

Editar el contenido del teaser

En Contenido, añade o edita el texto y los estilos de texto en tu teaser. Como mínimo, tu teaser debería dar una idea de la oferta de tu formulario. Mantén el teaser corto para conseguir el máximo impacto. Usa estos ejemplos de texto teaser como inspiración:

  • 15 % de dto.
  • Canjear regalo
  • 🎁
  • Participar en el sorteo
  • Envío gratuito ➡️

Si tu texto de teaser menciona una oferta concreta, asegúrate de ofrecer esa oferta a los suscriptores en el mensaje de éxito del formulario o con una serie de bienvenida.

Aquí también puedes editar el diseño de tu teaser (es decir, Color de fondo, Radio de color, Sombra paralela, Imagen de fondo y Estilos de bloque).

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Configurar los comportamientos del teaser

Elige 1 de las siguientes opciones para determinar cuándo aparecerá tu teaser:

  • Después de cerrar el formulario
    Un teaser configurado para mostrarse después de cerrar un formulario permitirá que un visitante vuelva a abrir el formulario si lo descarta, pero no aparecerá antes de que el formulario se abra. El teaser seguirá mostrándose en todas las páginas hasta que el visitante complete la acción de conversión principal del formulario.
  • Antes de mostrar el formulario
    Un teaser configurado para mostrarse antes de mostrar un formulario aparecerá 2 segundos después de que se cargue la página. Se mostrará hasta que un visitante haga clic en él o hasta que se cumplan las condiciones de visualización del formulario (p. ej., retraso de tiempo o porcentaje de desplazamiento).

Ten en cuenta que, si el formulario está configurado para mostrarse inmediatamente al cargar la página o tras una espera de menos de 2 segundos, se omitirá el teaser.

  • Antes de mostrar el formulario y después de cerrar el formulario
    Un teaser con este ajuste aparecerá 2 segundos después de que se cargue la página y seguirá mostrándose a menos que el formulario esté abierto en ese momento o el visitante haya completado su acción de conversión principal.

Si tienes habilitada la configuración de prevención de colisiones en tu cuenta de Klaviyo, los teaser de formulario no aparecerán en tu sitio, ya que se considera que se muestra otro formulario en la misma sesión. Puedes ajustar el retraso de tiempo en la configuración de colisiones para que aparezca el teaser. Por ejemplo, si tu configuración de prevención de colisiones está configurada para mostrar el siguiente formulario después de 5 minutos, el teaser aparecerá después de 5 minutos.

Además de las reglas anteriores, un teaser solo se mostrará a los visitantes que cumplan la configuración de segmentación del formulario que se encuentra en la sección Comportamientos y segmentación de tu formulario. Por ejemplo, un teaser configurado para mostrarse antes de que se muestre un formulario solo aparecerá a los visitantes que cumplan la configuración de segmentación del formulario (es decir, pertenencia a listas o segmentos, ubicación y URL). Una vez que se cumplan los desencadenantes restantes de ese formulario (p. ej., intención de salida, longitud de desplazamiento o retardo de tiempo), el teaser se cerrará y aparecerá el formulario.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

Añade un botón de cerrar a tu teaser

Puedes añadir un botón de cerrar al teaser de tu formulario (el botón X) para que tus clientes puedan cerrar el teaser si no les interesa el contenido del formulario.

De forma predeterminada, el teaser no incluirá un icono de cierre. En Comportamiento, activa el interruptor Mostrar botón de cierre para añadir uno.

Ten en cuenta que, si un comprador hace clic en la X para cerrar el teaser, se aplicarán las mismas reglas de frecuencia de visualización que al formulario de registro al que está conectado. Por ejemplo, si un comprador cierra tanto un formulario como su teaser, y ese formulario está configurado para mostrarse de nuevo 5 días después de que alguien lo cierre, entonces tanto el formulario como su teaser seguirán la configuración de comportamiento y volverán a mostrarse en 5 días.

Teaser de formularios y acciones principales de conversión

Si se añade un teaser a un formulario de varios pasos y se configura para que se muestre después de que se cierre el formulario, aparecerá hasta que el visitante complete la acción de conversión principal del formulario.

  • En los formularios con acciones de suscripción a email o SMS, enviar un email o un número de teléfono cuenta como acción de conversión principal.
  • En los formularios que contienen campos de email y SMS en varios pasos, enviar el que aparezca primero en el formulario cuenta como una acción de conversión principal.

Ten en cuenta que, si se envía el paso de conversión principal (es decir, el paso de email en un formulario de varios pasos), el teaser no desaparecerá automáticamente al rechazar el segundo paso (es decir, el paso de SMS). En su lugar, tendrás que actualizar la página o ir a una nueva página para dejar de ver el teaser del formulario.

  • En los formularios sin una acción de suscripción por email o SMS (p. ej., un popup de oferta flash con una acción de «Ir a URL»), hacer clic en el botón «Ir a URL» cuenta como una acción de conversión principal.

Si no se ha completado la acción de conversión principal de un formulario de varios pasos, al hacer clic en el teaser del formulario dentro de la misma sesión de navegación, el formulario se volverá a abrir en el último paso incompleto.

Eliminar un teaser

Para eliminar el teaser de un formulario, haz clic en los 3 puntos del botón Teaser y, a continuación, haz clic en Eliminar. Esto eliminará toda la configuración del teaser. Si vuelves a añadir más adelante un teaser al mismo formulario, se restablecerá a los valores predeterminados del teaser.

The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más sobre Klaviyo

Klaviyo Community
Conecta con compañeros, socios y expertos de Klaviyo para encontrar ideas, compartir información y resolver todas tus dudas.
Socios
Contrata a un experto certificado por Klaviyo para ayudarte con una tarea específica o para la gestión continua de marketing.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan