Logo de Projectlify

Cómo instalar una PWA -
¿Aplicación web progresiva?

Estas instrucciones explican cómo instalar una copia local de una aplicación web progresiva (PWA), permitiéndote acceder directamente desde tu dispositivo sin necesidad de abrir un navegador o buscar el dominio de la app. Una vez instalada, solo haz clic en el icono de la aplicación para abrirla y comenzar a usarla inmediatamente.

Captura de pantalla de iPhone
Explicación

Qué es una PWA - ¿Aplicación web progresiva?

Una aplicación web progresiva (PWA) es un sitio web que puede descargarse en tu dispositivo y utilizarse como una app. Aunque una PWA se puede usar como cualquier página web normal, instalarla ofrece algunas ventajas. Una PWA instalada puede usarse sin conexión a Internet y también aparecerá junto con tus otras aplicaciones para un acceso más cómodo. El proceso de instalación varía según tu sistema operativo y navegador web.

SAFARI

Proceso de instalación en iOS móvil

Una PWA solo puede instalarse en iOS usando el navegador Safari. Primero, navega al sitio en Safari. Presiona el botón "Compartir" y selecciona "Agregar a pantalla de inicio" en el popup. Por último, toca "Agregar" en la esquina superior derecha para finalizar la instalación de la PWA. Ahora estará en tu pantalla de inicio.

Captura de pantalla móvil del sitio web de Projectlify en el iPhone con el botón de compartir en el centro inferior resaltado.Menú expandido de compartir en iPhone con el botón 'Agregar a pantalla de inicio' resaltado.Vista de 'Agregar a pantalla de inicio' en iPhone con la app de Projectlify y el botón 'Agregar' resaltado

Capturas de pantalla mostrando los pasos de instalación de la PWA en iOS

CHROME

Proceso de instalación en Android móvil

El navegador Chrome por defecto permite instalar PWAs en Android. Primero, navega al sitio en Chrome. Presiona el ícono de "tres puntos" en la esquina superior derecha para abrir el menú. Selecciona "Agregar a pantalla de inicio". Presiona el botón "Agregar" en el popup. La PWA ahora está instalada y disponible en tu pantalla de inicio.

Captura de pantalla móvil del sitio web de Projectlify en un teléfono con el botón de 3 puntos en la esquina superior derecha resaltado.Menú de configuración de Chrome expandido con el botón 'Agregar a pantalla de inicio' resaltado.Vista de 'Agregar a pantalla de inicio' en Android con la app de Projectlify y el botón 'Instalar' resaltado

Capturas de pantalla mostrando los pasos de instalación de la PWA en Android

PWA de escritorio

Instalación de PWA en Windows y MacOS

Google Chrome y Microsoft Edge tienen actualmente el mejor soporte para PWAs en Windows y Mac OS. El proceso de instalación es muy similar en ambos navegadores. Primero, navega al sitio que deseas instalar como PWA. Si el sitio es una PWA, habrá un ícono al lado derecho de la barra de URL. Haz clic en el ícono y luego en el botón "Instalar". Alternativamente, puedes instalar la PWA desde el menú de "tres puntos".


En una PC con Windows, la PWA estará disponible en el menú de inicio. En Mac, la PWA estará en el launcher y en la búsqueda de Spotlight.

Google Chrome
Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Google Chrome

Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Google Chrome

Safari
Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Safari

Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Safari

Microsoft Edge
Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Microsoft Edge

Capturas de pantalla mostrando los pasos de instalación de la PWA en el navegador Microsoft Edge