Qué es una PWA y por qué tu negocio quizá no necesita la App Store
Todo lo que necesitas para entender las aplicaciones web progresivas: cómo funcionan, en qué se diferencian de una app de tienda y cuándo son la mejor opción.
Una PWA (aplicación web progresiva, del inglés progressive web app) es una página web que se puede instalar en el teléfono o en la computadora y que, una vez instalada, se comporta como una app: tiene su icono en la pantalla de inicio, se abre a pantalla completa, puede enviar notificaciones y, en muchos casos, funciona sin conexión. La diferencia es que no se descarga de la App Store ni de Google Play: se instala directamente desde el navegador.
Para quien la usa, casi no hay diferencia con una app tradicional. Para quien la crea, cambia mucho: se desarrolla una sola vez para todos los dispositivos, se actualiza al instante y no depende de la aprobación de ninguna tienda.
Cómo funciona una PWA
Imagina una tienda que, además de su local en la calle, te deja un acceso directo en casa: sigue siendo la misma tienda, pero ahora la tienes a un toque. Detrás de una PWA hay tres piezas, que describe la guía de Google sobre PWA:
- Un archivo de manifiesto: la ficha de identidad de la app. Le dice al teléfono su nombre, su icono, sus colores y cómo debe abrirse (por ejemplo, sin la barra del navegador).
- Un service worker: un pequeño programa que trabaja en segundo plano. Guarda copias de la app para que abra rápido y funcione sin conexión, y es el que recibe las notificaciones.
- Una conexión segura (HTTPS): la condición que exigen los navegadores para permitir todo lo anterior.
Con esas tres piezas, el navegador reconoce que la web se puede instalar y ofrece hacerlo.
PWA o app de tienda: las diferencias
- Se desarrolla para iPhone y para Android
- La tienda la revisa
- El usuario la busca en la tienda
- La descarga e instala
- Cada actualización pasa otra vez por la tienda
- Se desarrolla una vez
- Se publica en la web
- El usuario abre un enlace
- La instala desde el navegador
- Se actualiza sola
| PWA | App de tienda (nativa) | |
|---|---|---|
| Cómo se instala | Desde el navegador, en segundos | Desde la App Store o Google Play |
| Espacio que ocupa | Poco: solo lo que guarda el navegador | Decenas o cientos de megas |
| Actualizaciones | Automáticas, la próxima vez que se abre | Hay que publicarlas, esperar la revisión de la tienda y que el usuario las descargue |
| Desarrollo | Una sola versión para iPhone, Android y computadora | Normalmente, una por sistema |
| Coste de publicarla | Ninguno, aparte del dominio | Apple cobra $99 al año; Google, $25 una sola vez |
| Comisiones | Ninguna | Entre el 15 % y el 30 % de las ventas digitales dentro de la app, según Apple y Google |
| Se encuentra en Google | Sí, como cualquier web | No: se busca dentro de la tienda |
| Acceso al teléfono | Cámara, ubicación, notificaciones y más; algunas funciones avanzadas, no | Completo |
¿Funciona una PWA en iPhone?
Sí, pero con más pasos que en Android. En iPhone y iPad no aparece un botón de «Instalar»: hay que abrir la web y elegir «Añadir a pantalla de inicio» desde el menú Compartir. Desde iOS 16.4 (2023) se puede hacer también desde otros navegadores, como Chrome, y las PWA instaladas así pueden enviar notificaciones, como explica el equipo de WebKit, el motor de Safari. Si la web solo está abierta en el navegador, no.
Apple también limita algunas funciones que Android sí permite, como ciertas conexiones con otros dispositivos por Bluetooth o el aviso automático para instalar. Para la mayoría de usos de un negocio (reservas, pedidos, catálogo, avisos) no son un problema.
Cómo instalar una PWA
En Android (Chrome)
- Abre la web en Chrome.
- Si aparece el aviso para instalarla, tócalo. Si no, abre el menú ⋮ y elige la opción de instalar (según la versión, Instalar app o Añadir a pantalla de inicio).
- Confirma. El icono aparece junto a tus otras apps.
En iPhone (Safari)
- Abre la web en Safari.
- Toca el botón Compartir (el cuadrado con una flecha hacia arriba).
- Elige Añadir a pantalla de inicio (en algunos teléfonos, Agregar a inicio) y confirma.
En la computadora (Chrome o Edge)
- Abre la web.
- Haz clic en el icono de instalar que aparece a la derecha de la barra de direcciones.
- Confirma. La app se abre en su propia ventana y queda en el menú de inicio o en el Dock.
¿Le conviene una PWA a tu negocio?
Una PWA suele ser la mejor opción cuando:
- Quieres que tus clientes reserven, pidan o compren desde el teléfono sin obligarlos a buscar una app en una tienda.
- Necesitas enviar avisos: citas, ofertas, pedidos listos.
- Tienes un presupuesto ajustado y quieres una sola app para iPhone, Android y computadora.
- Quieres que te encuentren en Google, además de tener la app.
Una app de tienda sigue siendo mejor si:
- Es un juego o una app con gráficos muy exigentes.
- Necesitas funciones avanzadas del teléfono, como Bluetooth, sensores o trabajar en segundo plano todo el tiempo.
- Estar en la App Store o en Google Play es parte de tu estrategia para que te descubran.
Para la mayoría de los negocios que atienden público (restaurantes, gimnasios, salones de belleza, clínicas, tiendas), una PWA cubre lo necesario con menos coste y menos mantenimiento.
Ejemplos de PWA que quizá ya usas
Varias marcas grandes ofrecen su servicio como PWA además de sus apps:
- Starbucks, para pedir desde la web.
- Uber, para pedir un viaje desde el navegador.
- Pinterest y X (antes Twitter), en sus versiones para el móvil.
- Spotify y YouTube Music, que se pueden instalar en la computadora desde el navegador.
Si alguna vez tu navegador te ofreció «instalar» una web, estabas ante una PWA.
En resumen
Una PWA es una web que se instala y se comporta como una app: sin tiendas de por medio, con una sola versión para todos los dispositivos y actualizaciones al instante. Para muchos negocios es la forma más sencilla de estar en el teléfono de sus clientes.
Si estás pensando en una para tu negocio, en Vertize Plus Business desarrollamos aplicaciones web instalables para reservas, pedidos y avisos a clientes.
Preguntas frecuentes
¿Una PWA necesita internet?
Necesita conexión la primera vez y para todo lo que dependa de datos nuevos. Lo que la app guarda puede abrirse sin conexión, según cómo esté hecha.
¿Se puede publicar una PWA en Google Play?
Sí. Android permite empaquetarla para Google Play sin rehacerla. En la App Store es más difícil, porque las normas de Apple exigen que una app aporte más que una web.
¿Cuánto cuesta hacer una PWA?
Depende de lo que haga, pero una PWA sencilla cuesta bastante menos que dos apps nativas, una para iPhone y otra para Android, porque se desarrolla una sola vez.