¡Oferta!

Progressive Web Apps For WordPress

El precio original era: $55.49.El precio actual es: $5.00.

Hoy en día, tener un sitio web puede no parecer suficiente cuando se trata de captar la atención de clientes potenciales. Quizás se pregunte si hay algo más que pueda hacer con su sitio para interactuar con los visitantes y ofrecerles una mejor experiencia.

Categorías: Plugins, Gestión de Contenido

Progressive Web Apps For WordPress

Afortunadamente, existe una opción que ha ganado popularidad últimamente: las Aplicaciones Web Progresivas (PWA). Existen desde hace algunos años, pero están empezando a ser más frecuentes a medida que avanzan los navegadores web. Esta opción puede resultar beneficiosa si está interesado en experiencias de usuario mejoradas, como notificaciones automáticas para los visitantes del sitio basado en navegador.

En esta publicación, analizaremos el proceso de desarrollo de aplicaciones web y luego veremos cómo crear aplicaciones web en WordPress. Finalmente, reuniremos algunos temas y complementos que pueden ayudarlo en el camino. ¡Empecemos!

¿Qué es una aplicación web progresiva?

En pocas palabras, una PWA es un software que utiliza las técnicas de programación web más actuales. Normalmente, una PWA puede ofrecer notificaciones automáticas mediante JavaScript. Se puede mantener actualizado más fácilmente de esta manera y no requiere ningún paso de instalación complejo. Además, debería funcionar para todos los usuarios, independientemente del tipo de navegador, y considerarse seguro (normalmente debido a la entrega a través de HTTPS seguro).

Las PWA también eliminan la necesidad de que los usuarios busquen, descarguen e instalen una aplicación desde una tienda de aplicaciones. Se ejecutarán en cualquier navegador y pueden estar disponibles desde la pantalla de inicio del usuario. Además, Google anunció recientemente que las actualizaciones del navegador web Chrome incluirán compatibilidad con PWA. Esto significa que los usuarios pueden obtener el beneficio de su PWA en Chrome OS y computadoras de escritorio, y usted puede ofrecer una experiencia mejorada en más que solo dispositivos móviles.

Por qué debería convertir su sitio en una aplicación web progresiva

Al comparar sitios web, aplicaciones web y aplicaciones móviles, uno de los elementos en los que hay que pensar son las notificaciones automáticas. Las investigaciones muestran que los usuarios habilitados para push tienen una tasa de participación un 88 por ciento más alta. Los sitios web tradicionales normalmente no ofrecen esta opción, pero al crear una PWA puedes incorporar esta funcionalidad sin el proceso potencialmente engorroso que podría implicar una aplicación móvil.

La velocidad de carga del sitio es otra razón para considerar las PWA. Si su sitio web se carga lentamente, es probable que esté perdiendo mucho tráfico. Si convierte su sitio web en una PWA, podrá dejar de preocuparse por la velocidad. Su contenido estará disponible incluso si el usuario no está conectado y se cargará de forma rápida y confiable.
También hay una investigación respaldada por Google que indica que cuando crea una PWA para su sitio web que imita la interfaz de una aplicación móvil nativa, es probable que obtenga mayores tasas de participación y conversión. Esto es cierto incluso en comparación con el tradicional diseño de sitio compatible con dispositivos móviles.

Desarrollo de aplicaciones web WordPress

WordPress puede ser una base para el desarrollo de aplicaciones. Sin embargo, esto requiere una comprensión de la experiencia del usuario (UX), HTML, CSS, PHP y JavaScript. Incluso la creación básica de complementos puede llevar tiempo aprender.

En cuanto a las PWA, existen muchos beneficios. Sin embargo, una ventaja clave es el tiempo que se ahorra al reproducir una aplicación completa en múltiples sitios de producción. Para ello, probablemente desee recurrir a «Trabajadores de servicios».

TRABAJADORES DEL SERVICIO DE WORDPRESS

Un ‘Trabajador de servicio’ es esencialmente un script que permite a su PWA integrar los mejores aspectos de las aplicaciones web tradicionales y nativas. Generalmente está escrito en JavaScript y, al igual que un proxy del lado del cliente, le permite determinar cómo responder a las solicitudes de recursos. Un caché previo reduce la necesidad de una conexión a Internet persistente, creando una experiencia de usuario confiable.

Los trabajadores de servicios son capaces de manejar notificaciones automáticas fácilmente y también pueden sincronizar datos en segundo plano. Es más, normalmente recibirán actualizaciones centralizadas, por lo que siempre estarás trabajando con la última versión.

CÓMO CREAR APLICACIONES WEB CON WORDPRESS

Dependiendo del tipo de PWA que estés desarrollando, el proceso puede ser muy complicado. Por ejemplo, necesitará identificar los detalles de las solicitudes de jQuery, probar fragmentos y desarrollar resultados de bases de datos segmentados. Además, necesitará integrar variables para diferentes variaciones de plataforma (así como elementos de estilo) y luego envolverlo todo en un marco de código que se vea bien y funcione bien.

También deberá elegir un marco de back-end y de front-end. Por supuesto, WordPress será su sistema de gestión de contenido (CMS) back-end, pero también querrá elegir una pila de servidor adecuada, como XAMPP.

Su elección en el front-end será más refinada cuando trabaje con WordPress. Muchos optan por Bootstrap o AngularJS, aunque ReactJS y Backbone.js de Facebook también son populares:

Bootstrap también incluye una serie de temas elegantes para ayudarte a personalizar tu marco.

Esto es parte de lo que un marco de aplicación de WordPress dedicado está diseñado para simplificar. Lo hace brindando soluciones a errores de codificación comunes y ofreciendo recursos para desarrolladores que están actualizados.

TEMAS DE APLICACIONES WEB DE WORDPRESS

Los ‘temas de aplicaciones web’ permiten que WordPress actúe como una PWA, sin la necesidad de codificar la funcionalidad desde cero. A menudo cuentan con todas las funciones y ofrecen la mayor potencia y flexibilidad para su PWA.

Las soluciones sin calidad son escasas, lo cual es comprensible dada su aplicación prevista. Teniendo esto en cuenta, probablemente tendrás que abrir tu billetera para encontrar un tema adecuado. Veamos algunas de las mejores opciones.

1. NEGRITA

Para empezar, Ubold es una de las opciones de temas de aplicaciones web más populares y está construido sobre Bootstrap:

Proporciona varios estilos de menú, junto con miles de íconos FontAwesome para elegir. Además, Ubold también incluye ejemplos de aplicaciones de comercio electrónico y gestión de relaciones con el cliente (CRM) para mostrar de qué es capaz el tema.

2. UNA INTERFAZ DE USUARIO

Alternativamente, puedes optar por OneUI:

Este tema (basado en Bootstrap y AngularJS) le permite construir su front-end y back-end dentro de un marco e incluye cuatro versiones para ayudarlo a impulsar su desarrollo. Además, está diseñado para ser lo más liviano posible y es completamente modular, lo que significa que es tan flexible como usted necesita.

COMPLEMENTOS DE APLICACIONES WEB DE WORDPRESS

También existen complementos de WordPress para ayudarlo a crear una PWA, aunque funcionan a menor escala. Por lo general, solo le permiten implementar una o dos funciones. Sin embargo, esto aún puede suponer un cambio radical en el comportamiento de un sitio web de WordPress.

1. APLICACIONES WEB SÚPER PROGRESIVAS

El complemento Super Progressive Web Apps es una forma rápida y sencilla de convertir su sitio web en una PWA. Los usuarios de su sitio web recibirán un mensaje cuando visiten su sitio en un dispositivo compatible, solicitándoles «Agregar a la pantalla de inicio». Cuando hagan clic en este mensaje, su sitio se «instalará» en su dispositivo como una PWA con un ícono en la pantalla de inicio. Después de eso, cualquier página que vean se almacenará en caché y estará disponible sin conexión.

Ventajas: