Popup para sitio web (aviso, cupón o boletín)
Escribe el mensaje y elige cuándo aparece el popup. En el celular queda en la parte de abajo de la pantalla, sin cubrir todo el contenido.
Cómo usarPopup que aparece en el momento justo
Disponible en: 
Popup para sitio web (aviso, cupón o boletín): para qué sirve
Un popup bien hecho promociona un cupón, una novedad o el boletín sin espantar al visitante. Escribe el título, el texto y el botón, y elige cuándo aparece: después de unos segundos, al desplazar parte de la página o cuando el mouse va a salir (en la computadora).
El código usa el elemento dialog (se cierra con Esc y mantiene el foco dentro del popup), guarda cuándo el visitante lo cerró para repetirlo solo después de los días que elijas y se convierte en una franja en la parte de abajo en el celular, porque Google considera intrusivos los popups que cubren el contenido principal en el celular. La animación respeta a quien pidió menos movimiento.
Cómo usar
- Escribe el mensaje y el botón.
- Elige cuándo aparece y el intervalo de días.
- Copia el código al final del body.
Cuándo usar
- Cupón de primera compra.
- Aviso de novedad o de horario especial.
- Invitación al boletín o a WhatsApp.
Preguntas frecuentes
¿Un popup perjudica al sitio en Google?
Puede perjudicarlo. Google considera “intersticiales intrusivos” a los popups que cubren el contenido principal, sobre todo en el celular y apenas la persona llega desde la búsqueda, y eso va en contra de la experiencia de la página. Por eso el código muestra una franja pequeña en el celular y te deja retrasar el popup por tiempo o desplazamiento.
¿Cómo evito que el popup aparezca todo el tiempo?
El código registra (localStorage) cuándo el visitante cerró el popup y solo lo muestra de nuevo después de la cantidad de días que elijas. Quien hizo clic en el botón ya no lo ve más.
¿Qué es la opción al salir de la página?
En la computadora, el popup aparece cuando el mouse sube hacia la barra de direcciones o las pestañas, señal de que la persona se va. En el celular no existe ese movimiento, así que el popup se abre después de unos segundos.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.