Barra de anuncio para sitio web (franja superior)
Escribe el mensaje, agrega el enlace y elige los colores. Quien cierre la franja no la vuelve a ver, y puede desaparecer sola después de la fecha que marques.
Cómo usarFranja de aviso en la parte superior del sitio
Disponible en: 
Barra de anuncio para sitio web (franja superior): para qué sirve
La franja en la parte superior del sitio es la forma más simple de avisar sobre una promoción, envío gratis, horario especial de feriado o una novedad, sin molestar la navegación.
Escribe el mensaje, el enlace y elige los colores. El código recuerda a quien la cerró para no mostrarla de nuevo (hasta que cambies el texto), puede desaparecer sola después de una fecha y puede quedar fija al desplazarse. La franja entra al inicio de la página, ocupando el espacio desde la carga, para no empujar el contenido ni perjudicar el CLS.
Cómo usar
- Escribe el texto y el enlace.
- Elige los colores, el botón de cerrar y la fecha final.
- Copia y pega justo después de la etiqueta body.
Cuándo usar
- Promoción de Black Friday.
- Aviso de horario de feriado.
- Envío gratis o cupón de descuento.
Preguntas frecuentes
¿Cómo recuerda la barra que la persona la cerró?
El código guarda (localStorage) que ese aviso fue cerrado. Si cambias el texto, la clave cambia junto y el nuevo aviso vuelve a aparecer para todos.
¿La franja afecta el SEO o la carga?
No, es HTML y CSS livianos. Para no empujar la página después de que ya cargó (lo que empeora la métrica CLS de Google), el código coloca la franja al inicio del body, ocupando el espacio desde el comienzo, y solo la quita si la persona ya la cerró.
¿Se puede mostrar solo hasta una fecha?
Sí. Completa la fecha final y la franja deja de aparecer después de ella, sin que tengas que entrar al sitio para quitarla.
¿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.