Cómo añadir un teaser de formulario

Qué aprenderás

Aprenda a añadir un teaser a su formulario de inscripción emergente o flyout, que es un pequeño widget en el que el visitante puede hacer clic para cerrar y volver a abrir un formulario a su antojo.

Añada un teaser a un popup o flyout, o a un formulario de inscripción a página completa 

Para añadir un teaser a un formulario, vaya a la pestaña Formularios de inscripción y abra un formulario existente o cree uno nuevo. Haga clic en (+) Teaser en el editor de formularios. 

Elija un estilo de teaser

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

• Rectángulo
  Utilice la forma de rectángulo para un teaser estilo pestaña
• Círculo
  Utilice la forma de círculo para un teaser estilo burbuja
• Esquina
  Utilice la forma de esquina para un teaser metido en un rincón de su web

Coloque su teaser en cualquiera de los laterales o esquinas de su página. El tamaño del teaser está optimizado para diversos dispositivos. Asegúrese de ver las vistas previas de escritorio y móvil para asegurarse de que la colocación del teaser no entra en conflicto con otros elementos emergentes o de estilo teaser de su sitio. 

Aquí también puede elegir un Tamaño para su teaser de formulario (es decir, Pequeño, Mediano, Grande, Personalizado) utilizando el desplegable.

Edite el contenido del teaser

En Contenido, añada o edite el texto y los estilos de texto de su teaser. Como mínimo, su teaser debe insinuar la oferta de su formulario. Mantenga la brevedad del teaser para lograr el máximo impacto. Utilice estos ejemplos de texto teaser como inspiración: 

• 15% de descuento 
• Canjear regalo 
• 🎁
• Entrar en el sorteo
• Envío gratuito ➡️

Si su texto teaser menciona una oferta específica, asegúrese de hacer llegar esa oferta a los suscriptores, ya sea en el mensaje de éxito de su formulario o mediante una serie de bienvenida. 

Aquí también puede editar el diseño de sus teasers (es decir, el color de fondo, el radio de color, la sombra paralela, la imagen de fondo y los estilos de bloque).

Establecer comportamientos teaser

Elija una de las siguientes opciones para determinar cuándo aparecerá su teaser: 

• Después de cerrar el formulario
  Un teaser configurado para mostrarse después de que se cierre un formulario permitirá al visitante volver a abrirlo si lo descarta, pero no aparecerá antes de que aparezca el formulario. 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 (por ejemplo, el tiempo de retardo o el porcentaje de desplazamiento). 
  
  Tenga en cuenta que si su formulario está configurado para mostrarse inmediatamente al cargar la página, o tras una espera inferior a 2 segundos, se saltará el teaser. 
• Antes de mostrar el formulario y después de cerrarlo
  Un teaser con esta configuración aparecerá 2 segundos después de que se cargue la página, y continuará mostrándose a menos que el formulario esté abierto en ese momento o que el visitante haya completado su acción de conversión principal.

Además de las reglas anteriores, un teaser sólo se mostrará a los visitantes que cumplan los ajustes de orientación del formulario que se encuentran en la sección Comportamientos & Orientación de su formulario. Por ejemplo, un teaser configurado para mostrarse antes de mostrar un formulario sólo aparecerá a los visitantes que cumplan los parámetros de segmentación del formulario (es decir, pertenencia a una lista/segmento, ubicación y URL). Una vez satisfechos los desencadenantes restantes de ese formulario (por ejemplo, la intención de salida, la longitud del desplazamiento o el tiempo de retardo), el teaser se cerrará y aparecerá el formulario. 

Añada un botón de cierre a su teaser

Puede añadir un botón de cierre a su formulario teaser (el botón X) para permitir a sus compradores cerrar el teaser si no están interesados en el contenido del formulario.

Por defecto, su teaser no incluirá un icono de cierre. En Comportamiento, active el interruptor Mostrar botón de cierre para añadir uno. 

Form teasers y acciones de conversión primaria

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. 

• Para los formularios con acciones de suscripción por correo electrónico o SMS, el envío de un correo electrónico o un número de teléfono cuenta como acción de conversión primaria.
• En el caso de los formularios que contienen campos de correo electrónico y SMS en varios pasos, el envío que aparezca en primer lugar en el formulario cuenta como acción de conversión principal.
  

  Tenga en cuenta que si se envía el paso de conversión principal (es decir, el paso del correo electrónico en un formulario de varios pasos), el teaser no desaparecerá automáticamente al rechazar el segundo paso (es decir, el paso del SMS). Más bien, tendrá que actualizar la página o navegar a una página nueva para dejar de ver el teaser del formulario.

• Para los formularios sin una acción de suscripción por correo electrónico o SMS (por ejemplo, una ventana emergente de venta flash con una acción "Ir a la URL"), hacer clic en el botón "Ir a la URL" cuenta como una acción de conversión primaria.

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

Borrar un teaser

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

Recursos adicionales 

• Cómo probar A/B un formulario de inscripción
• Comprender los análisis de los formularios de inscripción
• Cómo optimizar los formularios emergentes y flyout para móviles