Crea Aplicaciones Web Progresivas (PWA) con WordPress

Una Progressive Web App (PWA por sus siglas en inglés) o Aplicación Web Progresiva (en español) es un sitio web diseñado para funcionar como una aplicación. En este artículo, te explicaremos cómo puedes utilizar tu sitio web para crear una Progressive Web App con WordPress en solo un minuto.

PWA: ¿Qué es?

Una PWA (Aplicación Web Progresiva) es un sitio web diseñado para que parezca y se comporte como una aplicación. Puede aparecer como un icono de aplicación en los teléfonos inteligentes, tabletas y ordenadores de los usuarios. También puede funcionar sin conexión, enviar notificaciones a los usuarios y funcionar en todas las plataformas modernas.

Crea una PWA

Puedes convertir cualquier sitio web en una PWA. No es muy difícil para un desarrollador web experto, pero es sencillo, aunque no sepas nada de desarrollo web. ¡Te decimos cómo!

Crea una PWA con WordPress

Para crear aplicaciones web progresivas en WordPress, necesitarás un plugin. Hemos probado varios plugins y elegido nuestro favorito, pero puedes usar otros plugins buscando “PWA” en WordPress.

A continuación, te explicamos cómo crear aplicaciones web progresivas con WordPress:

1. Inicia sesión en WordPress
2. Pasa el ratón por Plugins en el menú de la izquierda y haz clic en Añadir nuevo plugin
3. Busca PWA
4. Instala Super Aplicaciones Web Progresivas
5. Haz clic en Activar

¡Así de sencillo! ¡Tu sitio web es ahora una PWA! Si visitas tu sitio web desde un teléfono u ordenador, el navegador puede preguntarte si quieres instalar tu sitio web como una aplicación.

Puedes personalizar tus aplicaciones web progresivas en los ajustes de Super Aplicaciones Web Progresivas, situados en la barra de herramientas de la izquierda. Allí puedes modificar el logotipo de tu aplicación, cambiar la descripción y el nombre, ajustar el color de fondo de la pantalla de carga y mucho más. Hay funciones adicionales para una mayor personalización, como permitir PWA para sitios web multilingües y para crear rápidamente versiones de la aplicación para Google Play Store. Estas funciones tienen un coste adicional, y forman parte de la versión pro del plugin.

Recuerda que todos los plugins que instales en tu web WordPress se deben actualizar con regularidad para garantizar la seguridad, por lo que generalmente recomendamos permitir las actualizaciones automáticas. Las actualizaciones automáticas conllevan el riesgo de que una actualización cambie tu sitio web de una forma que no esperabas. Con Managed WordPress de one.com, supervisamos todas las actualizaciones automáticas para garantizar que tu sitio web sigue funcionando perfectamente. Realizamos una comprobación visual de tu sitio web antes y después de cada actualización automática para asegurarnos de que ninguna actualización cause problemas a tu web.

Otras formas de crear PWA

Es posible crear una PWA para cualquier sitio web. No describiremos todo el proceso en este artículo, pero en resumen, necesitas hacer dos cosas para crear una PWA:

1. Crear un Web App Manifest (Manifiesto de Aplicación Web) que contenga el nombre de tu sitio web, el icono de la aplicación, el color, y el formato de visualización.
2. Crear un Service Worker, que actúa como puente entre el dispositivo del usuario y tu sitio web. Es el Service Worker el que convierte tu sitio web en una PWA.

Si quieres saber más y empezar con tu PWA, puedes leer la guía completa en web.dev.

Ventajas de las aplicaciones web progresivas

Muchos de los servicios online más conocidos del mundo utilizan la tecnología de las aplicaciones web progresivas. Algunos ejemplos son Spotify, Facebook, Tinder, Google, Twitter, Uber y Starbucks. Tú también puedes crear una PWA y beneficiarte de sus ventajas. Veamos algunas de las principales ventajas de crear tu propia PWA.

Experiencia similar a la de una app

La mayor ventaja de una aplicación web progresiva es que proporciona a un sitio web la misma experiencia de usuario que una aplicación. Una app es rápida, puede enviar notificaciones, funciona sin conexión y puede tener un espacio destacado en el dispositivo del usuario. Tener un sitio web que funcione como una aplicación tiene estas ventajas adicionales:

Icono de la aplicación en la pantalla de inicio

Después de crear una PWA, las visitas a tu sitio web pueden descargarla como una aplicación. Una vez instalada, aparecerá en la pantalla de inicio del dispositivo del usuario, ya sea en un teléfono iPhone o Android, en el dock de un Mac o en la barra de tareas de un ordenador Windows.

El icono de tu app puede hacer las veces de valla publicitaria de tu sitio web. Cuando el gigante del comercio electrónico Alibaba creó una PWA para su tienda online, observó que los usuarios que añadían su app a la pantalla de inicio volvían cuatro veces más que los que no. Un icono de aplicación puede, por tanto, convertir a muchas de tus visitas en usuarios recurrentes y clientes.

Las personas que utilizan el ordenador de una organización, como una empresa o universidad, pueden instalar una aplicación web progresiva, incluso cuando está prohibido instalar otras aplicaciones. Así, una PWA puede llegar a un público al que las aplicaciones normales tienen dificultades para alcanzar.

Aplicación con vista propia

Un sitio web normal se muestra en una pestaña de un navegador, pero una PWA funciona como una aplicación normal y, por tanto, tiene su propia ventana en un ordenador, y aparece como una aplicación independiente en los dispositivos móviles. Los usuarios pueden cerrar su navegador sin cerrar una aplicación web progresiva, y pueden pasar de una aplicación a otra sin notar ninguna diferencia entre una aplicación normal y una PWA.

Presencia en las tiendas de aplicaciones

Cuando hayas creado una PWA, puedes añadirla como aplicación en Google Play Store y Apple App Store. Esto hace que tu aplicación parezca más profesional, y permite que la descubran nuevos usuarios. Una ventaja importante de estar en una tienda de aplicaciones es que puedes satisfacer las expectativas de tus visitas sobre si instalar una aplicación o no. Los usuarios pueden sentirse seguros al descargar tu aplicación web progresiva desde una tienda de aplicaciones en la que confían.

One app for all platforms

Cuando creas una PWA, abres un portal a tu sitio web. Este portal se construye siguiendo un estándar que funciona en todas las plataformas modernas. Igual que puedes crear un sitio web que funcione en todos los dispositivos, también puedes crear una PWA que funcione en todos ellos. Puedes actualizar el contenido de todas las aplicaciones cambiando tu sitio web, y las actualizaciones se pueden enviar a todos los usuarios sin que tengan que actualizar la aplicación.

Carga rápida

La primera vez que un usuario descarga una PWA, la aplicación se guarda en su dispositivo. Esto significa que se puede cargar rápidamente la próxima vez que se abra. De este modo, una aplicación web progresiva puede ser más rápida que un sitio web. Lo mismo se aplica a cada clic dentro de la aplicación. Para cada nueva página, el dispositivo puede utilizar recursos locales para acortar los tiempos de carga.

Modo offline (sin conexión)

Se pueden crear PWA para que estén disponibles sin conexión. Esto significa que las funciones más importantes pueden estar siempre accesibles y cargarse rápidamente, incluso cuando los usuarios tengan una conexión a Internet lenta. También implica que puedes tener, en tu aplicación, funciones esenciales en las que tus usuarios puedan confiar. Por ejemplo, puedes tener una función para reservar un evento. Las reservas se podrán mostrar aunque la conexión a Internet sea lenta en el lugar del evento.

Envía notificaciones

Con una PWA, puedes enviar notificaciones a tus usuarios. Puedes informarles de tus novedades y enviarles mensajes personales. Las notificaciones pueden aumentar el uso de tu aplicación y conseguir un mayor engagement.

Más barato que desarrollar una app normal

Es mucho más barato crear una PWA que desarrollar aplicaciones para iOS y Android. Si ya tienes un buen sitio web, los costes de crear una PWA pueden ser mínimos. Y aunque tengas grandes ambiciones para tu aplicación y te gustaría crear, en el futuro, una app repleta de funciones, una aplicación web progresiva puede ser una alternativa mucho más asequible mientras la desarrollas.

Aumenta el tráfico web y las tasas de conversión

Muchas de las grandes empresas tecnológicas utilizan la tecnología de las aplicaciones web progresivas, por una buena razón. Una experiencia de usuario excelente crea las condiciones para un tráfico web elevado y un buen número de conversiones. Alibaba aumentó las tasas de conversión un 76% gracias a su PWA. La empresa de software Corel registró un 31% más de usuarios recurrentes con su PWA.

Desventajas de las aplicaciones web progresivas

Crear aplicaciones web progresivas también tiene desventajas, sobre todo si se comparan con las aplicaciones más convencionales desarrolladas para iOS y Android.

No funcionan en dispositivos antiguos

Las aplicaciones web progresivas son una tecnología relativamente nueva y, por tanto, no están disponibles para todos los dispositivos. En el caso de Apple iOS, el soporte está disponible desde iOS 14. Por tanto, los iPhone de 2014 o anteriores no son compatibles con las PWA. Lo mismo ocurre con Windows, ya que no son compatibles con Windows 8 ni con versiones anteriores. Es decir, muchos de los dispositivos que no son compatibles tienen más de diez años.

Funcionalidad limitada

Una PWA no puede tener la misma funcionalidad que una aplicación normal. Por ejemplo, puede haber limitaciones en la forma en que una aplicación web progresiva se integra con los asistentes de voz. Además, algunos sistemas operativos tienen límites reducidos en cuanto al espacio que puede ocupar una PWA en un teléfono: normalmente son 50 MB. Esto puede hacer que sea difícil crear sitios web de gran tamaño como una PWA.

Más lentas que las apps normales

Dado que una aplicación web progresiva es básicamente un sitio web diseñado para parecerse a una aplicación, no se crea de la misma manera que una aplicación normal. Una consecuencia de esto es que una PWA suele responder más lentamente a los clics que una app normal. Una PWA puede seguir siendo mucho más rápida que un sitio web, pero una aplicación normal siempre será más rápida que una aplicación web progresiva.

¿Deberías crear una PWA?

¿Tienes un sitio web que crees que a tus visitas les gustaría utilizar como una aplicación? ¿Tu sitio web está hecho con WordPress? Entonces, ¡deberías crear una PWA hoy mismo! Es muy fácil, y puede ser muy beneficioso para ti y para tus visitas. Una aplicación web progresiva puede aumentar el tráfico a tu sitio web, aumentar tus conversiones, y te permite comunicarte con tus visitas y clientes mediante notificaciones.

Si no tienes un sitio web WordPress, una PWA puede seguir siendo valiosa, pero puede ser difícil hacerla funcionar. Hay muchos recursos en Internet que te pueden explicar cómo hacerlo, pero tienes que ser un desarrollador web experto para conseguirlo.

Esperamos que tengas todo lo que necesitas para empezar con tu PWA y que comprendas por qué es una buena tecnología para ti y para tus visitas. Si aún no tienes una web WordPress, ¡haz clic aquí para empezar!