OptimoCMS Docs
Volver al resumen

Progressive Web App (PWA)

Haz que tu sitio web se pueda instalar como aplicación en móvil y escritorio.

¿Qué es una PWA?

Una Progressive Web App (PWA) permite instalar tu sitio web como una aplicación en teléfonos, tabletas y ordenadores. Los visitantes pueden abrir tu sitio mediante un icono en su pantalla de inicio, sin necesidad de App Store ni Play Store. El sitio carga más rápido en visitas sucesivas gracias a un sistema de caché inteligente.

Activar la PWA

Ve a Configuración → General → desplázate hasta 'Progressive Web App'. Activa el interruptor y completa los campos obligatorios: • Nombre de la app — el nombre que los visitantes ven tras la instalación • Nombre corto — se muestra bajo el icono en la pantalla de inicio (máx. 12 caracteres) • Icono de la app — sube un icono cuadrado de 512×512 píxeles. Se genera automáticamente una versión más pequeña (192×192). • Color del tema — determina el color de la barra del navegador y la pantalla de inicio • Color de fondo — color de la pantalla de carga al abrir la app • Modo de visualización — 'Standalone' (recomendado) ofrece una experiencia similar a una app sin barra de navegador
Consejos
  • Usa un icono claro y reconocible con suficiente contraste.
  • El nombre corto no puede superar los 12 caracteres — elige la palabra más reconocible.

¿Cómo ven los visitantes el aviso de instalación?

Una vez activada la PWA, los visitantes ven una notificación en la parte inferior de la pantalla después de 30 segundos, invitándoles a instalar el sitio como aplicación. • Chrome, Edge, Samsung Browser — el navegador muestra un cuadro de diálogo de instalación nativo • Safari (iPhone/iPad) — los visitantes reciben una instrucción: 'Pulsa el icono de Compartir y elige Añadir a la pantalla de inicio' • Firefox — la opción de instalación aparece en la barra de direcciones Si un visitante elige 'Ahora no', la notificación reaparece pasados 7 días. Los visitantes que ya han instalado la app nunca ven la notificación.
Consejos
  • El aviso de instalación es completamente automático — no necesitas hacer nada.
  • La notificación se adapta al idioma del navegador del visitante.

Caché sin conexión

La PWA almacena automáticamente la estructura de las páginas y las imágenes en el navegador. En una visita posterior, el sitio carga más rápido. Si la conexión a internet se interrumpe brevemente, la última página visitada sigue disponible. El contenido de tus páginas siempre se obtiene actualizado desde el servidor — los visitantes siempre ven la versión más reciente de tu contenido.
Nota
  • La caché sin conexión solo funciona para páginas visitadas anteriormente. Las páginas nuevas requieren conexión a internet.

Desactivar la PWA

Desactiva el interruptor en Configuración → General → Progressive Web App. El aviso de instalación desaparece de inmediato. Los visitantes que ya hayan instalado la app pueden seguir usándola, pero con el tiempo la app volverá automáticamente al sitio web normal.

Preguntas frecuentes

¿La PWA tiene un coste adicional? No, la función PWA es gratuita y no requiere alojamiento separado ni cuenta en ninguna tienda de aplicaciones. ¿Puede mi sitio web fallar por la PWA? No. Si algo sale mal con la configuración de la PWA, tu sitio web simplemente funciona como un sitio normal. La PWA es una capa adicional sobre tu sitio existente. ¿Funciona la PWA en todos los dispositivos? Sí, en todos los navegadores modernos. La experiencia de instalación varía según el navegador, pero el sitio web en sí funciona en todas partes. ¿Necesito volver a desplegar después de activar o desactivar? No, el cambio surte efecto inmediatamente después de guardar la configuración.

Llámanos