PWA et Magento : créer des expériences d'achat mobiles de nouvelle génération

Ceci est un article invité de Viesturs Abelis, responsable du contenu chez Scandiweb.

Applications Web progressives. Tout le monde en parle et même si vous n'êtes pas sûr de ce qu'ils sont exactement, vous utilisez probablement déjà la technologie. Twitter, Starbucks, AliExpress et d'innombrables autres ont mis en place avec succès des PWA, qui sont utilisées par des millions de personnes chaque jour.

Et les résultats sont là. Twitter a enregistré une augmentation de 65 % du nombre de pages par session, une augmentation de 75 % des tweets envoyés et une réduction de 20 % de leur taux de rebond. AliExpress a doublé le nombre de pages visitées par session et a enregistré une augmentation de 104 % des taux de conversion. Google a amassé un portefeuille étonnant d'histoires de réussite PWA.

Ce qui était, il y a quelques années, une technologie principalement exploitée par les géants du numérique, en raison des coûts de développement élevés et de l'inéluctabilité des solutions personnalisées, est aujourd'hui de plus en plus démocratisé et accessible. Grâce aux solutions PWA émergentes et à l'adoption généralisée de PWA, la technologie est désormais accessible à tous.

Les PWA semblent changer la donne et, alors que de plus en plus de marchands prennent le train en marche, il est important de comprendre ce qui se passe et ce que cette nouvelle technologie signifie pour vous.

Qu'est-ce qu'une application Web progressive ?

Les applications Web progressives sont un nouveau type de technologie de développement Web (bien que l'idée existe depuis un certain temps) qui combine le meilleur des applications Web et natives et crée des expériences numériques supérieures de type application directement dans le navigateur de l'utilisateur. Ainsi, lorsque vous entendez PWA, pensez à un site Web mobile avec les caractéristiques et les fonctionnalités complètes d'une application native.

De quelles fonctionnalités parle-t-on exactement ? Avant tout, les PWA sont rapides. Avec des augmentations démontrées de 300 % de la vitesse de chargement des pages, les pages hautement optimisées atteignent des temps de chargement quasi instantanés, ce qui les rend aussi réactives et agréables à utiliser que les applications natives.

Les autres fonctionnalités incluent l'interface utilisateur plein écran, la sauvegarde de l'écran d'accueil, les notifications push, l'accessibilité matérielle et même le mode hors ligne. Rendu possible par le merveilleux Service Worker, dont vous pouvez en savoir plus ici dans cette conférence de la communauté des développeurs Google, les PWA regroupent une variété de développements numériques modernes pour offrir une expérience véritablement semblable à celle d'une application.

Ils sont même déployables sur les magasins d'applications si vous le souhaitez. Cependant, contrairement aux applications natives limitées à ces plates-formes, les PWA fonctionnent comme des sites Web ordinaires et sont indexables sur Google, ce qui les rend non seulement détectables, mais vous donne également un coup de pouce potentiel au SERP en raison des temps de chargement plus rapides et des meilleures expériences offertes. Cela signifie également qu'il n'y a pas de téléchargements volumineux et de mises à jour automatiques pour un engagement initial sans friction.

La popularité croissante des PWA peut être attribuée à l'écart d'opportunités émergent entre la façon dont les applications natives et le Web mobile sont utilisés - le Web mobile attire plus de visiteurs, mais les applications offrent de meilleures expériences et surpassent le Web en termes d'engagement. Les PWA offrent l'expérience que les gens recherchent là où ils la recherchent.

PWA : hype ou futur ?

Comme pour toute technologie émergente, la prudence l'emporte sur l'adoption. Très dépendantes de la prise en charge des navigateurs, volatiles à leurs débuts et toujours en développement continu, les PWA n'offrent pas encore la certitude et la tranquillité d'esprit nécessaires à une adoption infaillible. Il y a un air de mystère autour des PWA alors que les marchands s'efforcent de les comprendre.

Cependant, une chose est certaine : ce n'est pas que du battage médiatique. La technologie est solide, les premiers utilisateurs ont été grandement récompensés et, à mesure que les connaissances se répandent, l'adoption augmente également.

Les PWA influencent positivement presque tous les KPI marketing

Des études de cas réels ont démontré la capacité des PWA à avoir un impact positif sur presque tous les KPI marketing : performances, engagement, temps passé sur le site, prospects générés, réengagement, conversions, etc.

À l'ère du mobile, il n'est pas surprenant qu'une telle technologie transformatrice surpasse les canaux numériques plus traditionnels, et l'importance de donner la priorité aux expériences mobiles continue d'augmenter. Les achats mobiles dominent de plus en plus le commerce électronique ; Google a récemment annoncé l'indexation mobile d'abord, qui sera activée par défaut pour tous les nouveaux sites Web à partir du 1er juillet 2019 ; et un nombre important de nouveaux internautes commencent leur parcours numérique sur mobile.

Par conséquent, la fourniture d'expériences mobiles supérieures à la moyenne est accueillie à bras ouverts et leur importance croissante est susceptible de pousser les spécialistes du marketing du monde entier à se concentrer davantage sur cela, pour rester compétitifs.

Et il ne s'agit pas seulement d'offrir une meilleure expérience numérique à vos clients, mais d'en atteindre de nouveaux, car les PWA jouent un rôle important en termes d'accessibilité. Avec les demandes de données légères des PWA, une expérience numérique accessible est activée pour ceux dont la couverture réseau est sous-optimale, sans compromis UX. Par exemple, l'initiative d'expansion d'Uber est allée de pair avec une PWA, pour garantir que les zones rurales et autres avec des connexions plus lentes puissent toujours vivre une expérience engageante et réactive.

Et, maintenant, les commerçants du monde entier peuvent faire de même pour leurs clients actuels et futurs, car l'adoption mondiale des PWA est en cours.

Magento accueille les PWA à bras ouverts

Magento a un œil sur les PWA depuis un moment. Présentant le studio PWA en septembre 2017, il a finalement vu le jour en janvier 2019, et au moment où Magento Imagine 2019 s'est déroulé en mai, les PWA étaient dans l'esprit de tout le monde et certainement le sujet brûlant de la conférence.

Alors que Magento plonge tête première dans les PWA et que de nombreuses autres solutions ont été développées pour mettre en valeur les capacités des PWA, la communauté est quelque peu réticente à suivre, car il n'y a pas de solution définitive que les marchands et les constructeurs d'extensions peuvent rallier. À son tour, cela conduit à des tentatives de développement personnalisé, qui finissent par être coûteuses et non durables, en particulier lorsqu'il s'agit de vitrines fortement modifiées et hautement personnalisées, ce qui déprécie l'adoption.

Néanmoins, des vitrines PWA sont en cours de développement en ce moment même pour une pléthore de marchands Magento. Magento investit massivement dans les PWA, tout comme le reste du monde.

Pour les marchands Magento, il ne s'agit pas de savoir ce qui va se passer avec PWA ? PWA est là. La question est ― comment commencer ?

3 solutions PWA pour Magento

Magento est l'une des solutions de commerce électronique les plus puissantes du marché : elle alimente 12 % de tous les magasins de commerce électronique sur Internet et son adoption continue de croître d'année en année. Avec une telle part de marché, devenir une plate-forme PWA peut aider Magento à redéfinir fondamentalement Internet et c'est exactement ce qu'ils font, en s'assurant que tout commerçant souhaitant obtenir une PWA pour son magasin puisse le faire.

Si vous cherchez à obtenir un PWA pour votre boutique Magento, plusieurs options s'offrent à vous. En voici trois qui méritent votre attention.

Magento PWAStudio

Magento PWA Studio est la réponse de Magento au nouvel engouement et est en préparation depuis quelques années. Publié avec Magento 2.3, il s'agit d'une suite d'outils de développement permettant de créer des interfaces PWA pour Magento. Donnant à vos développeurs tout ce dont ils ont besoin pour le développement, le déploiement et la maintenance, et complété par une documentation riche, le studio Magento PWA est susceptible de devenir l'outil incontournable pour les marchands Magento qui cherchent à faire évoluer leur boutique vers l'avenir.

Jetez un coup d'œil à cette boutique de démonstration (remarque : veuillez le faire sur un appareil mobile), développée par Inchoo à l'aide des outils de studio Magento PWA pour démontrer ce qui peut être réalisé.

ScandiPWA

Contrairement à Magento PWA Studio, ScandiPWA (développé par Scandiweb) est un thème open-source Magento-first, plutôt qu'un ensemble d'outils ou une vitrine. Cela signifie qu'il est directement installable sur votre boutique Magento 2.3 sans aucune modification de l'infrastructure et peut être étendu pour répondre à vos besoins, d'une manière familière à tout développeur Magento. Très apprécié par la communauté, le thème prêt à l'emploi de ScandiPWA a attiré beaucoup d'attention pour être sans tracas et une solution splendide pour ceux qui recherchent une solution PWA prête à l'emploi très performante.

Explorez la boutique de démonstration ScandiPWA (remarque : veuillez le faire sur un appareil mobile) ou le référentiel GitHub.

Vue vitrine

L'une des solutions PWA les plus populaires sur le marché, Vue Storefront est une application Web progressive open source indépendante de la plate-forme pour le commerce électronique écrite en Vue.js. Avec une communauté en plein essor, c'est l'un des plus grands hubs PWA. Compte tenu de sa grande échelle, c'est une solution assez complexe. Être indépendant de la plate-forme, plutôt que Magento-first, signifie que certaines fonctionnalités de Magento manquent, cependant, on peut s'attendre à ce que cela soit corrigé au fur et à mesure du développement.

Explorez la boutique de démonstration Vue Storefront (remarque : veuillez le faire sur un appareil mobile) ou le repo GitHub en plein essor.

Avantages des solutions Magento-First PWA

Si vous êtes un marchand sur la plate-forme Magento, une solution PWA Magento-first peut être le moyen le plus simple de rejoindre la course PWA. De telles solutions présentent les avantages supplémentaires de la familiarité, de la réduction des coûts de développement et de l'amélioration des performances, ce qui satisfait les commerçants et les développeurs.

Voici trois exemples de la façon dont ScandiPWA, la première solution PWA de Magento, exploite la pile Magento pour offrir une expérience PWA spectaculaire.

Aucun intergiciel

ScandiPWA est un premier thème PWA de Magento, ce qui signifie qu'il peut être installé directement sur votre boutique Magento, qui, à son tour, a l'avantage d'avoir une relation directe avec votre back-end Magento. Cela évite beaucoup de tracas aux commerçants, car tout middleware ajoute une couche supplémentaire de complexité ― les fonctionnalités doivent être reconstruites, des structures de données supplémentaires - développées, des personnalisations - adaptées.

Voici un exemple : les solutions conçues en tant que vitrines PWA distinctes ne parlent qu'avec la base de données du site Web. Cela affecte des problèmes courants tels que la gestion des redirections. Plutôt que de frapper l'installation principale de Magento et d'être ensuite redirigé comme spécifié dans le backend, des vitrines séparées doivent développer une solution pour s'assurer que les utilisateurs atterrissent là où ils sont censés le faire.

L'intergiciel vient avec sa juste part d'avantages pour les solutions PWA plus universelles telles que Vue Storefront, car il permet de lier une seule solution puissante à plusieurs plates-formes, cependant, l'inconvénient est qu'il nécessite une adaptation approfondie et, souvent, réinvente la roue, donc parler. Les solutions Magento-first contournent ce problème en tirant parti des fonctionnalités Magento facilement disponibles, ce qui permet à votre entreprise de réaliser des économies sur les coûts de développement.

Familiarité avec Magento et gain de temps

Un avantage important des solutions Magento-first PWA est la familiarité. L'utilisation continue d'un environnement familier pour vos développeurs facilitera l'adoption pour eux et pour vous, en rationalisant le processus de développement.

Magento a fait ses preuves comme l'une des plateformes de commerce électronique les plus avancées au monde et la communauté qui s'est développée autour de la plateforme en est le signe. Cela signifie que vous pouvez trouver des spécialistes Magento dans tous les coins du monde, et malgré la nouveauté de PWA, l'intégration devrait être beaucoup plus fluide, par rapport au travail avec un environnement entièrement nouveau. Les outils de Magento sont bien connus des développeurs et des commerçants et ont un historique de succès démontré.

Par conséquent, les commerçants optant pour une solution PWA Magento-first peuvent s'attendre à des coûts inférieurs et être mieux informés de ce qui se passe.

Migration facile et peu coûteuse

ScandiPWA est un thème prêt à l'emploi pour Magento. Toute solution Magento-first apporte des avantages significatifs en matière de mise en œuvre. Plutôt que de devoir entièrement retravailler et recréer votre front-end à partir de zéro, une solution Magento plug-and-play vous permet de tirer parti des avantages des PWA sans prendre le risque de mettre en péril votre entreprise.

Comme établi, l'ajout d'intergiciels et le fait d'avoir une interface entièrement personnalisée introduisent un niveau de complexité qui n'est généralement pas présent dans les solutions Magento-first. Cela entraîne des frais généraux, de maintenance et de support supplémentaires.

Conclusion

Les applications Web progressives sont là pour rester. Malgré une vision prudente de l'adoption, les commerçants du monde entier gardent néanmoins un œil sur ce qui se passe, recherchant la solution qui leur convient et cherchant à reproduire les nombreux succès des pionniers de la PWA.

Pour les marchands Magento qui cherchent à mettre un pied dans la porte dès que possible, il existe plusieurs options : développer leur propre solution à l'aide du studio Magento PWA, opter pour une solution PWA indépendante de la plate-forme telle que Vue Storefront, ou opter pour un Magento-first thème tel que ScandiPWA. Le moyen le plus simple et le plus rentable de démarrer est ce dernier, car il permet à votre entreprise de tirer parti de la gamme complète des avantages PWA sans trop s'éloigner de la familiarité de Magento.

Viesturs Abelis est un responsable du contenu chez Scandiweb et un évangéliste passionné de ScandiPWA, Viesturs garde toujours les yeux tournés vers l'avenir, désireux de rendre les derniers développements numériques accessibles à tous.