¿Qué son los pop-ups?

Un pop-up es una capa superpuesta que la tienda muestra sobre el contenido de la página para concentrar la atención en un solo mensaje. Los disparadores habituales son un retardo temporal, la profundidad de desplazamiento, las páginas vistas, una señal de salida del cursor o un clic en un elemento dedicado. Los contenidos más frecuentes son formularios de suscripción, códigos de descuento para el primer pedido, avisos de envío o encuestas breves. Aparecen en la portada, las páginas de categoría, las fichas de producto y el carrito, y suelen renderizarse en el cliente una vez cargada la página.

Definición

El término abarca varios formatos con distinto grado de intrusión: la ventana modal que bloquea la interacción hasta cerrarla, el panel deslizante anclado en una esquina de la pantalla y la banda integrada o fija que no oculta ningún contenido. La limitación de frecuencia, las reglas de segmento y la supresión tras una conversión completada distinguen un programa controlado de una interrupción indiscriminada. También cuentan los límites legales y técnicos. El consentimiento para el correo comercial debe recogerse de forma expresa y documentarse, los intersticiales que tapan contenido en móvil pueden reducir la visibilidad en buscadores, y toda capa necesita un cierre accesible por teclado y lector de pantalla.

Por qué es importante

En una tienda composable la capa pertenece al nivel de presentación y permanece desacoplada del renderizado de la página. Las reglas de segmentación, las definiciones de campaña y los contenidos creativos residen en un CMS headless o en un servicio de campañas y llegan al frontend mediante una API, mientras la tienda resuelve en el edge o en el cliente qué regla aplica a la sesión actual. Cargar el bundle de la capa después del primer renderizado deja intactos el Largest Contentful Paint y el Cumulative Layout Shift. El estado de visualización, los contadores de frecuencia y el estado de consentimiento se centralizan en un mismo store de cliente.

Casos de uso

En una landing page una capa de entrada recoge direcciones para una serie de bienvenida. En las páginas de categoría una capa diferida puede promocionar una selección de temporada cuando ya hay intención de navegación. En las fichas de producto una guía de tallas o un formulario de aviso funcionan mejor como capa que como página aparte. En el carrito una señal de salida puede recordar el umbral de envío gratuito en lugar de liberar un descuento. Tras la compra, una capa invita a dejar una valoración o a instalar la aplicación. Las tiendas B2B las usan para la selección de país y las solicitudes de cuenta.

Relacionado

Más información: Exit Intent · Email Marketing.