PWA y Magento: creación de experiencias de compras móviles de próxima generación

Esta es una publicación invitada de Viesturs Abelis, líder de contenido en Scandiweb.

Aplicaciones web progresivas. Todo el mundo habla de ellos e incluso si no está seguro de qué son exactamente, probablemente ya esté usando la tecnología. Twitter, Starbucks, AliExpress y muchos otros han implementado con éxito PWA, que millones de personas utilizan todos los días.

Y los resultados están aquí. Twitter experimentó un aumento del 65 % en las páginas por sesión, un aumento del 75 % en los tweets enviados y una reducción del 20 % en su tasa de rebote. AliExpress duplicó el número de páginas visitadas por sesión y experimentó un aumento del 104 % en las tasas de conversión. Google ha acumulado una asombrosa cartera de historias de éxito de PWA.

Lo que era, hace un par de años, una tecnología aprovechada principalmente por los gigantes digitales, debido a los altos costos de desarrollo y la ineludibilidad de las soluciones personalizadas, hoy se está democratizando cada vez más y es más accesible. Gracias a las soluciones emergentes de PWA y la adopción generalizada de PWA, la tecnología ahora está disponible para todos.

Los PWA parecen cambiar las reglas del juego y, a medida que más y más comerciantes se suman al carro, es importante comprender qué está sucediendo y qué significa esta nueva tecnología para usted.

¿Qué es una aplicación web progresiva?

Las aplicaciones web progresivas son un nuevo tipo de tecnología de desarrollo web (aunque la idea existe desde hace un tiempo) que combina lo mejor de la web y las aplicaciones nativas y crea experiencias digitales superiores similares a las aplicaciones directamente en el navegador del usuario. Entonces, cuando escuche PWA, piense: un sitio web móvil con las características y funcionalidades completas de una aplicación nativa.

¿De qué características estamos hablando exactamente? En primer lugar, las PWA son rápidas. Con aumentos demostrados del 300 % en la velocidad de carga de la página, las páginas altamente optimizadas alcanzan tiempos de carga casi instantáneos, lo que las hace tan sensibles y agradables de usar como las aplicaciones nativas.

Otras características incluyen interfaz de usuario de pantalla completa, guardado de pantalla de inicio, notificaciones automáticas, accesibilidad de hardware e incluso modo sin conexión. Hecho posible gracias al maravilloso Service Worker, sobre el cual puede obtener más información aquí en esta charla de la Comunidad de desarrolladores de Google, los PWA agrupan una variedad de desarrollos digitales modernos para brindar una experiencia verdaderamente similar a la de una aplicación.

Incluso se pueden implementar en las tiendas de aplicaciones si así lo desea. Sin embargo, a diferencia de las aplicaciones nativas restringidas a estas plataformas, las PWA funcionan como sitios web normales y se pueden indexar en Google, lo que las hace no solo reconocibles sino que también le brindan un impulso SERP potencial debido a los tiempos de carga más rápidos y las mejores experiencias que se ofrecen. Esto también significa que no hay descargas voluminosas ni actualizaciones automáticas, lo que permite un compromiso inicial sin fricciones.

La creciente popularidad de las PWA se puede atribuir a la brecha de oportunidad emergente entre cómo se usan las aplicaciones nativas y la web móvil: la web móvil recibe más visitantes, pero las aplicaciones ofrecen mejores experiencias y superan a la web en términos de participación. Los PWA brindan la experiencia que las personas desean justo donde la buscan.

PWA: ¿bombo o futuro?

Al igual que con cualquier tecnología emergente, la precaución triunfa sobre la adopción. Altamente dependientes del soporte del navegador, volátiles en su infancia y aún en continuo desarrollo, los PWA aún no ofrecen la certeza y la tranquilidad para una adopción segura. Hay un aire de misterio en torno a las PWA, ya que los comerciantes se esfuerzan por entenderlas.

Sin embargo, una cosa es cierta: no es solo exageración. La tecnología es sólida, los primeros usuarios se han visto muy recompensados ​​y, a medida que se difunde el conocimiento, también lo hace la adopción.

Los PWA influyen positivamente en casi todos los KPI de marketing

Los estudios de casos de la vida real han demostrado la capacidad de los PWA para impactar positivamente en casi todos los KPI de marketing: rendimiento, compromiso, tiempo invertido en el sitio, clientes potenciales generados, reenganche, conversiones y más.

En una era en la que priman los dispositivos móviles, no sorprende que esta tecnología transformadora supere a los canales digitales más tradicionales, y la importancia de priorizar las experiencias móviles sigue aumentando. Las compras móviles dominan cada vez más el comercio electrónico; Google anunció recientemente la indexación móvil primero, y se habilitará de forma predeterminada para todos los sitios web nuevos a partir del 1 de julio de 2019; y una cantidad significativa de nuevos usuarios de Internet comienzan su viaje digital en dispositivos móviles.

Por lo tanto, la entrega de experiencias móviles por encima de la media es bienvenida con los brazos abiertos y es probable que su creciente importancia impulse a los especialistas en marketing de todo el mundo a concentrarse más en hacerlo para seguir siendo competitivos.

Y no se trata solo de brindar una mejor experiencia digital a sus clientes, sino de llegar a otros nuevos, ya que las PWA juegan un papel importante en términos de accesibilidad. Con las demandas de datos livianos de las PWA, se habilita una experiencia digital accesible para aquellos con una cobertura de red subóptima, sin compromisos de UX. Por ejemplo, la iniciativa de expansión de Uber fue de la mano con un PWA, para garantizar que las áreas rurales y otras áreas con conexiones más lentas aún pudieran experimentar una experiencia atractiva y receptiva.

Y ahora los comerciantes de todo el mundo pueden hacer lo mismo por sus clientes actuales y futuros, ya que la adopción de PWA en todo el mundo está en marcha.

Magento da la bienvenida a las PWA con los brazos abiertos

Magento ha estado atento a las PWA por un tiempo. Al presentar el estudio PWA en septiembre de 2017, finalmente vio la luz en enero de 2019, y cuando llegó Magento Imagine 2019 en mayo, los PWA estaban en la mente de todos y sin duda el tema candente de la conferencia.

Si bien Magento se sumerge de cabeza en las PWA y se han desarrollado muchas otras soluciones que muestran las capacidades de las PWA, la comunidad es algo reacia a seguir, ya que no hay una solución definitiva a la que los comerciantes y desarrolladores de extensiones puedan unirse. A su vez, esto conduce a intentos de desarrollo personalizado, que terminan siendo costosos e insostenibles, particularmente cuando se trata de escaparates muy modificados y personalizados, lo que menosprecia la adopción.

Sin embargo, los escaparates de PWA se están desarrollando en este mismo momento para una gran cantidad de comerciantes de Magento. Magento está invirtiendo mucho en PWA, al igual que el resto del mundo.

Para los comerciantes de Magento, no se trata de qué va a pasar con PWA. PWA está aquí. La pregunta es: ¿cómo empezar?

3 Soluciones PWA para Magento

Magento es una de las soluciones de comercio electrónico más poderosas del mercado: impulsa el 12% de todas las tiendas de comercio electrónico en Internet y la adopción continúa creciendo año tras año. Con tal cuota de mercado, convertirse en una plataforma PWA puede ayudar a Magento a redefinir fundamentalmente Internet y eso es exactamente lo que están haciendo, al garantizar que cualquier comerciante interesado en obtener una PWA para su tienda pueda hacerlo.

Si está buscando obtener un PWA para su tienda Magento, hay varias opciones disponibles para usted. Aquí hay tres que merecen su atención.

Estudio Magento PWA

Magento PWA Studio es la respuesta de Magento a la nueva moda y ha estado en proceso durante algunos años. Lanzado junto con Magento 2.3, es un conjunto de herramientas de desarrollo para crear interfaces PWA para Magento. Al empoderar a sus desarrolladores con todo lo necesario para el desarrollo, la implementación y el mantenimiento, y complementado con una rica documentación, es probable que Magento PWA Studio se convierta en la herramienta de referencia para los comerciantes de Magento que buscan llevar su tienda al futuro.

Eche un vistazo a esta tienda de demostración (nota: hágalo en un dispositivo móvil), desarrollada por Inchoo utilizando las herramientas de estudio Magento PWA para demostrar lo que se puede lograr.

ScandiPWA

A diferencia de Magento PWA Studio, ScandiPWA (desarrollado por Scandiweb) es un primer tema de Magento de código abierto, en lugar de un conjunto de herramientas o una tienda. Esto significa que se puede instalar directamente en su tienda Magento 2.3 sin ningún cambio en la infraestructura y se puede ampliar para satisfacer sus necesidades, de una manera familiar para cualquier desarrollador de Magento. Muy elogiado por la comunidad, el tema listo para usar de ScandiPWA ha ganado mucha atención por ser una solución sencilla y espléndida para aquellos que buscan una solución PWA lista para usar de alto rendimiento.

Explore la tienda de demostración de ScandiPWA (nota: hágalo en un dispositivo móvil) o el repositorio de GitHub.

Escaparate de Vue

Una de las soluciones de PWA más populares del mercado, Vue Storefront es una aplicación web progresiva independiente de la plataforma de código abierto para comercio electrónico escrita en Vue.js. Con una comunidad en auge, es uno de los centros de PWA más grandes. Dada su gran escala, es una solución bastante compleja. Ser independiente de la plataforma, en lugar de Magento primero, significa que faltan algunas funcionalidades de Magento; sin embargo, se puede esperar que esto se solucione a medida que continúa el desarrollo.

Explore la tienda de demostración de Vue Storefront (nota: hágalo en un dispositivo móvil) o el próspero repositorio de GitHub.

Beneficios de las soluciones Magento-First PWA

Si es un comerciante en la plataforma Magento, una solución PWA de Magento primero puede ser la forma más fácil de unirse a la carrera PWA. Tales soluciones vienen con los beneficios adicionales de familiaridad, costos de desarrollo más bajos y rendimiento mejorado, lo que mantiene contentos a los comerciantes y desarrolladores.

Aquí hay tres ejemplos de cómo ScandiPWA, la primera solución PWA de Magento, aprovecha la pila de Magento para ofrecer una experiencia PWA espectacular.

Sin software intermedio

ScandiPWA es un primer tema PWA de Magento, lo que significa que se puede instalar directamente en la parte superior de su tienda Magento, lo que, a su vez, tiene la ventaja de tener una relación directa con su back-end de Magento. Esto ahorra a los comerciantes muchas molestias, ya que cualquier middleware agrega una capa adicional de complejidad: las funciones deben reconstruirse, las estructuras de datos adicionales deben desarrollarse, las personalizaciones deben adaptarse.

Aquí hay un ejemplo: las soluciones creadas como escaparates de PWA separados solo hablan con la base de datos del sitio web. Esto afecta a problemas comunes como el manejo de redireccionamientos. En lugar de acceder a la instalación del núcleo de Magento y luego ser redirigido como se especifica en el backend, los escaparates separados tienen que desarrollar una solución para garantizar que los usuarios lleguen a donde se supone que deben hacerlo.

El middleware viene con una buena cantidad de ventajas para soluciones PWA más universales como Vue Storefront, ya que permite vincular una única solución poderosa a múltiples plataformas, sin embargo, la desventaja es que exige una amplia adaptación y, a menudo, reinventar la rueda, por lo que hablar. Las primeras soluciones de Magento evitan esto al aprovechar las funciones de Magento fácilmente disponibles, lo que genera ahorros en los costos de desarrollo para su empresa.

Familiaridad con Magento y ahorro de tiempo

Un beneficio significativo de las primeras soluciones PWA de Magento es la familiaridad. El uso continuo de un entorno familiar para sus desarrolladores facilitará la adopción para ellos y para usted, lo que agilizará el proceso de desarrollo.

Magento ha demostrado ser una de las plataformas de comercio electrónico más avanzadas del mundo y la comunidad que ha crecido en torno a la plataforma es indicativo de ello. Esto significa que puede encontrar especialistas de Magento en todos los rincones del mundo y, a pesar de la novedad de PWA, la incorporación debería ser mucho más sencilla en comparación con trabajar en un entorno completamente nuevo. Las herramientas de Magento son bien conocidas tanto por los desarrolladores como por los comerciantes y tienen un historial demostrado de éxito.

Por lo tanto, los comerciantes que opten por una primera solución PWA de Magento pueden esperar costos más bajos y estar más informados de lo que está sucediendo.

Migración Fácil y de Bajo Costo

ScandiPWA es un tema listo para usar para Magento. Cualquier solución Magento-first trae ventajas significativas en lo que respecta a la implementación. En lugar de tener que volver a trabajar y recrear por completo su front-end desde cero, una solución Magento plug-and-play le permite aprovechar los beneficios de las PWA sin correr el riesgo de poner en peligro su negocio.

Como se estableció, agregar middleware y tener un front-end totalmente personalizado introduce un nivel de complejidad que generalmente no está presente en las primeras soluciones de Magento. Esto implica costos adicionales de gastos generales, mantenimiento y soporte.

Conclusión

Las aplicaciones web progresivas llegaron para quedarse. A pesar de una perspectiva cautelosa hacia la adopción, los comerciantes de todo el mundo se mantienen al tanto de lo que sucede, explorando la solución adecuada para ellos y tratando de replicar los muchos éxitos de los pioneros de PWA.

Para los comerciantes de Magento que buscan poner un pie en la puerta lo antes posible, hay varias opciones: desarrollar su propia solución utilizando el estudio Magento PWA, optar por una solución PWA independiente de la plataforma como Vue Storefront, o ir con Magento primero. tema como ScandiPWA. La forma más fácil y rentable de comenzar es la última, ya que le permite a su empresa aprovechar la gama completa de beneficios de PWA sin alejarse demasiado de la familiaridad de Magento.

Viesturs Abelis es un líder de contenido en Scandiweb y un enérgico evangelista de ScandiPWA, Viesturs siempre mira hacia el futuro, dispuesto a hacer que los últimos desarrollos digitales sean accesibles para todos.