Configuración del formulario emergente

La siguiente configuración determina la apariencia y el comportamiento de los formularios emergentes. Puedes configurarla cuando create a form, además de la settings that apply to both popup and inline forms.

Configuración de visualización del formulario

La configuración de visualización del formulario determina cómo se muestra el formulario en la tienda.

Configuración de la sección de visualización del formulario para formularios emergentes.
ConfiguraciónDescripción
FlotanteMuestra el teaser y el form como una sección flotante en la tienda online, y te permite elegir la ubicación del formulario en la tienda.
SobreposiciónMuestra el formulario en el centro de la página, con un color de sobreposición aplicado al resto de la tienda online.

Configuración del teaser

La configuración de teaser define cuándo se muestra el teaser del formulario. La sección del teaser es una pequeña ventana emergente que aparece en la tienda. Si un cliente hace clic en el teaser, se abre el formulario.

Configuración de la sección del teaser para formularios emergentes.
ConfiguraciónDescripción
MostrarDefine cuándo se muestra la sección del teaser a los clientes.
  • Primero (antes del formulario): Muestra la sección del teaser antes del formulario.
  • Primero (antes del formulario) y si el cliente cierra el formulario: Muestra la sección del teaser antes del formulario y muestra el teaser si el cliente cierra el formulario.
  • Si el cliente cierra el formulario sin suscribirse: Muestra la sección del teaser.
  • Nunca: Oculta la sección del teaser para todos los clientes. Si un cliente cierra el formulario sin completarlo, ya no puede volver a acceder a él.
Ubicación en la tiendaDefine dónde se muestra el teaser en la tienda. Las opciones de visualización (rotadas) muestran el teaser de lado.
TítuloEl texto que se muestra en la sección del teaser.

Configuración de estilo

La configuración de estilo determina la apariencia del formulario. Se muestra una advertencia si seleccionas colores que no combinan bien, no tienen suficiente contraste o podrían dificultar la lectura.

En la sección Colores de marca del editor de Forms, puedes encontrar y seleccionar colores que hayas added as brand colors con el selector de color.

Configuración de la sección de estilo para formularios emergentes.
ConfiguraciónDescripción
ColoresCambia el color del fondo del formulario, el texto, el campo activo, la etiqueta del botón y los mensajes de error para que coincidan con la marca y el tema.
Campos del formularioSelecciona blanco o transparente.
TipografíaElige la fuente para el título y el cuerpo del texto.

Configuración de imagen

La configuración de imagen determina si se muestra una imagen en el formulario y afecta su ubicación y apariencia.

Configuración de la sección de imagen para formularios emergentes.
ConfiguraciónDescripción
Ubicación de la imagenDónde se muestra la imagen en el formulario.
ImagenEste campo se muestra si seleccionas Imagen de fondo, Imagen a la izquierda o Imagen a la derecha. Haz clic en Agregar imagen para subir una imagen desde el dispositivo.
EscalaEste campo se muestra si agregas una imagen al formulario. Puedes seleccionar cómo se muestra la imagen.
Opacidad de la imagenEste campo se muestra si seleccionas Imagen de fondo. Puedes seleccionar la opacidad de la imagen con el control deslizante. Si está en 100, solo se muestra la imagen que subiste. Si reduces la opacidad, la imagen se matiza con el color de fondo en la sección Colores.

Configuración de comportamiento

La configuración de comportamiento determina cuándo y dónde se muestra el formulario.

Configuración de la sección de comportamiento para formularios emergentes.
ConfiguraciónDescripción
DispositivosElige si quieres que el formulario se muestre en todos los dispositivos, solo en dispositivos de escritorio o solo en dispositivos móviles.
PáginasElige si quieres que el formulario se muestre en todas las páginas o solo en tipos de página específicos. Por ejemplo, podrías mostrar un formulario solo en páginas de Collection o Product.
ActivadorPuedes elegir que el formulario se muestre en la primera, segunda o tercera vista de página, ya sea de inmediato o después de un retraso. En esta sección, también puedes marcar Mostrar el formulario cuando las personas visitantes intenten salir de la página (solo escritorio). Si seleccionas esta casilla, el formulario se muestra cuando una persona visitante mueve el cursor hacia la barra de direcciones.