Comment les marchands Magento ont amélioré la conversion avec PWA Studio

Publié: 2021-04-09

Table des matières

Si vous avez suivi tout ce qui se passe dans la sphère Magento, PWA devrait déjà être sur votre radar. Et vu que le nombre de vitrines Magento PWA augmente rapidement, Magento a récemment organisé un webinaire (Comment les clients Magento ont augmenté la conversion avec PWA studio ) détaillant toutes les informations nécessaires sur PWA dans Magento - de quoi il s'agit, comment cela fonctionne et comment les marchands peuvent profiter de PWA Studio pour créer des PWA performantes.

Le webinaire est animé par Mme Maryel Roman-Price, responsable de la génération de la demande commerciale APAC DX chez Adobe, et rejoint par le webinaire Sam Elliot, consultant en solutions chez Adobe.

Haut-parleurs

Voici les résumés rapides, ainsi que les faits saillants du webinaire :

I. Aller sur PWA

Le webinaire commence par un bref récapitulatif de ce qu'est une PWA et des différences avec l'expérience PWA.

Qu'est-ce que la PWA ?

Abréviation de Progressive Web App, PWA est une page Web avec des fonctionnalités améliorées. Il est plus rapide, semblable à une application et équipé des dernières technologies pour aider à éliminer les retards souvent associés à l'expérience d'achat mobile.

Avantages de la PWA

Une PWA a une bien meilleure accessibilité matérielle. Il peut accéder à des fonctionnalités auparavant exclusives aux applications natives telles que les notifications push, l'accès à la caméra, etc. Et du côté commercial, une PWA apporte de bien meilleurs avantages en termes de réduction des coûts . Les économies, comme l'a dit l'hôte Maryel Price, sont continues car vous n'allez pas maintenir, mettre à jour ou reconcevoir plusieurs applications.

Comment PWA aide à améliorer la conversion

Le rapport sur la mobilité d'Ericsson a mesuré la fréquence cardiaque et a constaté que le niveau de stress causé par le retard mobile est comparable à celui de regarder un film d'horreur. Ce niveau de stress est présent dans un nombre pas si petit de magasins en ligne, et vous ne voulez certainement pas ce genre de stress pour vos clients. Combiné avec le fait que même un délai d'une seconde peut réduire la conversion de 20 %, la vitesse est la seule chose à laquelle les commerçants doivent commencer à prêter attention afin d'améliorer les taux de conversion - et PWA est le meilleur moyen d'y remédier.

Avoir PWA et cette expérience éclair pour vos clients est ce qu'ils recherchent, et ils vont stimuler la demande pour cela.

Sam Elliot, consultant en solutions commerciales chez Adobe

En quoi l'expérience PWA est-elle différente ?

Ici, nous avons Sam Elliot donnant les détails techniques sur comment et où l'expérience PWA diffère.

PWA est avant tout une page Web avec des fonctionnalités améliorées. Un site Web alimenté par PWA ne demande pas tout le temps au serveur un nouveau contenu, mais il a à la place tout le contenu nécessaire stocké dans le navigateur. Et lorsque le client interagit avec la PWA, ce qu'il vit est plutôt une expérience ultra-rapide car tout est déjà rendu et servi depuis le navigateur.

Sam Elliot a poursuivi en expliquant le composant central de PWA - les travailleurs de service - et comment il permet une grande partie des capacités de PWA. Les agents de service s'exécutent en parallèle avec le navigateur et sont chargés de récupérer (récupérer) le contenu mis en cache, permettant une expérience cohérente et fluide.

II. Devenir pratique

L'objectif principal du webinaire est de devenir pratique, c'est-à-dire de fournir aux commerçants des réponses concrètes à leurs besoins commerciaux.

Devenir pratique

Comment PWA Studio aide

Comme les marchands Magento voient PWA comme une véritable voie de mise à niveau, ils peuvent procéder de différentes manières pour rendre leurs magasins alimentés par PWA. Et parmi les frameworks PWA populaires, PWA Studio se distingue comme la solution parfaite pour les magasins Magento pour les raisons suivantes :

Étroitement intégré au framework Magento

PWA Studio est construit directement à partir du framework Magento. Et pour cette raison, une vitrine PWA construite avec PWA studio aura Magento 2 comme backend. Cependant, par rapport aux thèmes Magento traditionnels, les vitrines PWA sont plus flexibles en raison de la façon dont leur infrastructure est connectée - sans tête et découplée du backend Magento, ce qui en fait une approche plus évolutive pour les marques.

Générateur de pages

Disponible dans Magento Commerce, Page Builder supprime la restriction habituelle rencontrée dans la création de contenu. Pour les utilisateurs non techniques, ils n'ont plus besoin de travailler constamment avec les développeurs pour implémenter une nouvelle fonctionnalité et/ou une nouvelle page, car l'interface intuitive par glisser-déposer de Page Builder permet de simplifier l'ensemble de la création de contenu. traiter. Ainsi, une nouvelle page d'accueil, par exemple, peut être conçue et déployée avec Page Builder, et le résultat final sera exactement comme vous le verriez dans un cadre normal et réactif.

Générateur de pages Magento
Page Builder permet une expérience de création de contenu sans effort
[Source de l'image : Magento]

Dernières fonctionnalités au fur et à mesure

PWA Studio maintient votre magasin propulsé par PWA sur une feuille de route droite. Et cela signifie que les vitrines construites avec PWA Studio obtiendront éventuellement les mêmes capacités que les interfaces Magento réactives normales. Adobe Sensei, par exemple, a récemment été introduit dans PWA Studio, et les vitrines PWA construites avec PWA Studio peuvent désormais bénéficier des recommandations de produits intelligents de Sensei.

Les économies

Le vrai discours - la partie où il entre dans les détails sur la façon dont une PWA construite avec PWA Studio peut aider à réduire vos coûts de développement - commence beaucoup plus tard dans le webinaire.

Les coûts d'opportunité

Étant donné que les PWA peuvent être publiées sur les magasins d'applications, il n'est plus nécessaire de développer et de publier plusieurs versions de votre application, ce qui laisse aux détaillants plus d'options pour se concentrer sur une expérience client convaincante.

Et lorsqu'il est combiné avec le fait que la plupart des clients ne téléchargent aucune application sur une base mensuelle, il existe une réelle opportunité pour les commerçants d'offrir une excellente expérience et de convertir les clients mobiles sur l'environnement PWA, plutôt que de les laisser partir en raison de la vitesse de chargement lente d'un site Web mobile typique.

Discuter de la manne d'opportunité de PWA

Combien est-il plus rapide de développer une PWA

Avec une PWA, vous combinez les trois expériences différentes (iOS, Android, Web) en une seule, donc en réalité, il y aura des caractéristiques et des fonctionnalités des expériences mobiles ou de l'expérience du site Web qui sont fondamentalement indispensables pour votre entreprise, et vous devrez reconstruire ces caractéristiques et fonctionnalités dans votre PWA.

PWA Studio vous fournit, bien sûr, diverses fonctionnalités et capacités prêtes à l'emploi, mais comme il existe des fonctionnalités personnalisées que vous savez très bien convertir pour votre entreprise - et puisque PWA est une toute nouvelle expérience frontale - vous 'allez devoir reconstruire ces fonctionnalités personnalisées dans votre PWA.

Par conséquent, cela signifie qu'il y aura du temps et des coûts supplémentaires associés au processus ; cependant, ce n'est pas le même coût que de le construire trois fois, ou de gérer trois expériences différentes en fonction des caprices de différents fournisseurs de téléphonie mobile. Avec PWA, vous bénéficiez d'une expérience unifiée sur Safari, Edge ou Chrome, et de ce fait, vous pouvez créer une expérience convaincante et être gérée à un seul niveau en cours.

III. FAQ

Vers la fin du webinaire se trouve une session de questions-réponses, et il y a quelques questions intéressantes qui devraient pouvoir répondre à vos besoins.

1. À quelle vitesse mon site actuel peut-il être converti en PWA, en supposant que j'ai des thèmes de base basés sur le thème Luma ?

Sam Elliot commence par réaffirmer que « convertir » n'est pas vraiment la bonne façon d'y penser. PWA est une interface distincte, vous allez donc créer un site Web sur une interface distincte et non sur le framework réactif Luma. Cela signifie essentiellement que votre interface devra être reconstruite dans une nouvelle expérience.

Fondamentalement, certaines caractéristiques et fonctionnalités devront être transférées vers la nouvelle interface PWA, ainsi que des appels d'API personnalisés pour accéder à l'interface PWA séparée maintenant (plutôt que de tout communiquer directement au backend Magento). Dans l'ensemble, il y a beaucoup de variables, mais pour qu'un site Web Luma de base soit reconstruit en un site Web Venia de base, cela devrait prendre environ trois mois en moyenne.

2. Pouvez-vous intégrer des passerelles de paiement personnalisées via les API Magento ?

Prêt à l'emploi, Braintree est déjà connecté à l'interface Magento PWA mais oui, vous pouvez intégrer n'importe quelle passerelle de paiement personnalisée via les API Magento.

3. Quel est le temps requis si vous démarrez PWA à partir de zéro ?

Ici, Sam Elliot explique en détail quelles sont les différences et pourquoi il y a une variation dans l'effort requis lors de la création d'une PWA.

Pour une boutique Magento standard basée sur Luma, vous disposez des fonctionnalités de base actuellement disponibles sur ce site. Et puis vous construisez au-dessus de cette fonctionnalité de base pour ensuite rendre l'expérience client que vous recherchez. Au sein de PWA, tout est à peu près pareil. La seule différence est qu'il y aura quelques petits éléments actuellement disponibles, et comme la plupart des extensions sur le marché n'ont pas été réécrites pour fonctionner dans PWA (ainsi que pour fonctionner dans la nouvelle interface Venia), il y a être quelques travaux supplémentaires impliqués dans le processus.

Mais en termes de construction de chaque composant et module, il n'y a pas de différence de temps, aucun effort supplémentaire n'est requis pour construire quelque chose dans PWA en tant que composant/module personnalisé que par le passé.

 Lecture recommandée : SimiCart s'associe à Mageplaza pour développer des extensions PWA Studio communautaires

IV. Conseil de clôture

À la fin du webinaire, Sam Elliot nous laisse un dernier conseil :

Tout le monde devrait penser à PWA comme à sa prochaine expérience. Cela va fournir une meilleure conversion sur mobile, une meilleure expérience client, là où tout le monde veut aller. Si vous avez un site Web à la traîne et si vous pensez qu'il a besoin d'un rafraîchissement, ou s'il a besoin d'une meilleure expérience client, PWA est probablement la réponse pour vous, car c'est à quoi ressemble l'avenir. L'expérience ultra-rapide propulsée par PWA est ce que les clients recherchent, et ce sont eux qui vont stimuler la demande pour cela.

Pour les marchands Magento souhaitant réaliser cette nouvelle expérience de commerce, chez SimiCart, nous sommes une équipe d'agence de développement PWA qualifiée par Google, prête à transformer votre boutique Magento.

Boostez la conversion avec Simicart pwa