Wie Magento-Händler die Conversion mit PWA Studio verbessert haben
Veröffentlicht: 2021-04-09Inhaltsverzeichnis
Wenn Sie alles verfolgen, was in der Magento-Sphäre passiert, sollte PWA jetzt auf Ihrem Radar sein. Und da die Zahl der Magento-PWA-Storefronts schnell zunimmt, hat Magento kürzlich ein Webinar (Wie Magento-Kunden mit PWA Studio die Konversion gesteigert haben ) veranstaltet, in dem alle notwendigen Informationen über PWA in Magento aufgeführt sind – was es ist, wie es funktioniert und wie Händler können PWA Studio nutzen, um leistungsstarke PWAs zu erstellen.
Das Webinar wird von Frau Maryel Roman-Price, APAC DX Commercial Demand Generation Manager bei Adobe, moderiert, und am Webinar nimmt Sam Elliot, Solution Consultant bei Adobe, teil.

Hier sind die kurzen Zusammenfassungen sowie Highlights aus dem Webinar:
I. Über PWA gehen
Das Webinar beginnt mit einer kurzen Zusammenfassung dessen, was eine PWA ist und wie unterschiedlich die PWA-Erfahrung ist.
Was ist PWA?
PWA, kurz für Progressive Web App, ist eine Webseite mit erweiterten Funktionen. Es ist schneller, App-ähnlich und mit den neuesten Technologien ausgestattet, um die Verzögerungen zu beseitigen, die oft mit dem mobilen Einkaufserlebnis verbunden sind.
Vorteile von PWA
Eine PWA hat eine viel bessere Hardwarezugänglichkeit. Es kann auf Funktionen zugreifen, die zuvor nativen Apps vorbehalten waren, wie Push-Benachrichtigungen, Kamerazugriff usw. Und auf der geschäftlichen Seite bringt eine PWA viel bessere Kosteneinsparungen . Die Einsparungen sind, wie die Gastgeberin Maryel Price sagte, fortlaufend , da Sie nicht mehrere Apps warten, aktualisieren oder neu gestalten müssen.
Wie PWA hilft, die Konversion zu verbessern
Der Ericsson Mobility Report hat die Herzfrequenz gemessen und festgestellt, dass das Stressniveau, das durch Handyverzögerung verursacht wird, mit dem Anschauen eines Gruselfilms vergleichbar ist. Dieses Stressniveau ist in einer nicht ganz so kleinen Anzahl von Online-Shops da draußen vorhanden, und Sie möchten diese Art von Stress sicherlich nicht für Ihre Kunden. In Kombination mit der Tatsache, dass selbst eine Verzögerung von einer Sekunde die Konversion um 20 % verringern kann, ist Geschwindigkeit das Einzige, worauf Händler achten müssen, um die Konversionsraten zu verbessern – und PWA ist der beste Weg, dies anzugehen.
PWA und dieses blitzschnelle Erlebnis für Ihre Kunden zu haben, ist das, wonach sie suchen, und sie werden die Nachfrage danach ankurbeln.
Sam Elliot, Berater für Handelslösungen bei Adobe
Wie anders ist die PWA-Erfahrung
Hier gibt Sam Elliot die technischen Details darüber, wie und wo sich die PWA-Erfahrung unterscheidet.
PWA ist in erster Linie eine Webseite mit erweiterten Funktionen. Eine PWA-betriebene Website fordert den Server nicht ständig nach neuen Inhalten an, sondern hat stattdessen alle erforderlichen Inhalte im Browser gespeichert. Und wenn der Kunde mit der PWA interagiert, erlebt er stattdessen ein blitzschnelles Erlebnis, da alles bereits vom Browser gerendert und bereitgestellt wird.
Sam Elliot erläuterte weiter die Kernkomponente von PWA – Service Worker – und wie sie einen Großteil der PWA-Funktionen ermöglicht. Servicemitarbeiter werden parallel zum Browser ausgeführt und sind für das Abrufen (Abrufen) der zwischengespeicherten Inhalte verantwortlich, um ein konsistentes und reibungsloses Erlebnis zu ermöglichen.
II. Praktisch werden
Der Hauptfokus des Webinars liegt darauf, praktisch zu werden – Händlern echte Antworten auf ihre geschäftlichen Anforderungen zu geben.

Wie PWA Studio hilft
Da Magento-Händler PWA als echten Upgrade-Pfad ansehen, gibt es verschiedene Möglichkeiten, wie sie ihre Shops PWA-betrieben machen können. Und unter den beliebten PWA-Frameworks sticht PWA Studio aus folgenden Gründen als perfekte Lösung für Magento-Shops heraus:
Eng in das Magento-Framework integriert
PWA Studio baut direkt auf dem Magento-Framework auf. Aus diesem Grund wird eine mit PWA Studio erstellte PWA-Storefront Magento 2 als Backend haben. Im Vergleich zu traditionellen Magento-Themen sind PWA-Storefronts jedoch flexibler, da ihre Infrastruktur verbunden ist – ohne Heads und vom Magento-Backend entkoppelt, was sie zu einem skalierbareren Ansatz für Marken macht.
Seitenersteller
Der in Magento Commerce verfügbare Page Builder beseitigt die üblichen Einschränkungen bei der Erstellung von Inhalten. Nicht-technische Benutzer müssen jetzt nicht mehr ständig mit Entwicklern zusammenarbeiten, um eine neue Funktion und/oder eine neue Seite zu implementieren, da die intuitive Drag-and-Drop-Oberfläche von Page Builder dazu beiträgt, die gesamte Inhaltserstellung zu vereinfachen Prozess. So kann beispielsweise eine neue Homepage mit Page Builder entworfen und bereitgestellt werden, und das Endergebnis wird genau so sein, wie Sie es in einem normalen, responsiven Framework sehen würden.


[Bildquelle: Magento]
Neueste Funktionen für unterwegs
PWA Studio hält Ihren PWA-betriebenen Shop auf einer geraden Roadmap. Und das bedeutet, dass Storefronts, die mit PWA Studio erstellt wurden, letztendlich die gleichen Funktionen erhalten wie normale responsive Magento-Frontends. Adobe Sensei wurde beispielsweise kürzlich in PWA Studio eingeführt, und mit PWA Studio erstellte PWA-Storefronts können jetzt von den intelligenten Produktempfehlungen von Sensei profitieren.
Die Einsparungen
Der eigentliche Vortrag – der Teil, in dem ausführlich darauf eingegangen wird, wie eine mit PWA Studio erstellte PWA dazu beitragen kann, Ihre Entwicklungskosten zu senken – beginnt viel später im Webinar.
Die Opportunitätskosten
Da PWA in App Stores veröffentlicht werden kann, müssen Sie nicht mehr mehrere Versionen Ihrer App entwickeln und veröffentlichen, sodass Einzelhändler mehr Möglichkeiten haben, sich auf ein überzeugendes Kundenerlebnis zu konzentrieren.
Und in Kombination mit der Tatsache, dass die meisten Kunden da draußen monatlich keine App herunterladen, gibt es eine echte Chance für Händler, ein hervorragendes Erlebnis zu bieten und mobile Kunden in die PWA-Umgebung zu konvertieren, anstatt sie wegen zu verlieren die langsame Ladegeschwindigkeit einer typischen mobilen Website.
Wie viel schneller ist es, eine PWA zu entwickeln?
Mit einer PWA kombinieren Sie die drei verschiedenen Erlebnisse (iOS, Android, Web) zu einem – also gibt es in Wirklichkeit Features und Funktionalitäten der mobilen Erlebnisse oder des Website-Erlebnisses, die für Sie im Grunde ein Muss sind Unternehmen, und Sie müssen diese Features und Funktionen in Ihre PWA nachbauen.
PWA Studio bietet Ihnen natürlich verschiedene sofort einsatzbereite Funktionen und Funktionen, aber da es benutzerdefinierte Funktionen gibt, von denen Sie wissen, dass sie sich wirklich gut für Ihr Unternehmen konvertieren lassen – und da PWA eine völlig neue Frontend-Erfahrung ist – Sie Sie müssen diese benutzerdefinierten Funktionen in Ihre PWA nachbauen.
Folglich bedeutet dies, dass mit dem Prozess etwas zusätzlicher Zeit- und Kostenaufwand verbunden ist; Es sind jedoch nicht die gleichen Kosten wie beim dreimaligen Erstellen oder beim Verwalten von drei verschiedenen Erfahrungen basierend auf den Launen verschiedener Mobilfunkanbieter. Mit PWA erhalten Sie ein einheitliches Erlebnis für Safari, Edge oder Chrome, und aus diesem Grund können Sie ein überzeugendes Erlebnis schaffen und fortlaufend auf einer einzigen Ebene verwaltet werden.
III. FAQ
Gegen Ende des Webinars findet eine Frage-und-Antwort-Sitzung statt, und es gibt einige interessante Fragen, die Ihre Bedürfnisse ansprechen sollten.
1. Wie schnell kann meine aktuelle Website in eine PWA umgewandelt werden, vorausgesetzt, ich habe grundlegende Designs, die auf dem Luma-Design basieren?
Sam Elliot beginnt damit, dass er bekräftigt, dass „ konvertieren “ nicht wirklich die richtige Art ist, darüber nachzudenken. PWA ist ein separates Frontend, also werden Sie eine Website auf einem separaten Frontend und nicht auf dem Luma Responsive Framework erstellen – und im Wesentlichen bedeutet dies, dass Ihr Frontend in eine neue Erfahrung umgebaut werden muss.
Grundsätzlich wird es einige Features und Funktionalitäten geben, die auf das neue PWA-Frontend übertragen werden müssen, zusammen mit benutzerdefinierten API-Aufrufen, um jetzt an das separate PWA-Frontend zu gehen (anstatt alles direkt an das Magento-Backend zu kommunizieren). Insgesamt gibt es viele Variablen, aber um eine einfache Luma-Website in eine einfache Venia-Website umzubauen, sollte es im Durchschnitt etwa drei Monate dauern.
2. Können Sie benutzerdefinierte Zahlungsgateways über Magento-APIs integrieren?
Braintree ist standardmäßig bereits mit dem Magento PWA-Frontend verbunden, aber ja, Sie können jedes benutzerdefinierte Zahlungsgateway über Magento-APIs integrieren.
3. Wie viel Zeit wird benötigt, wenn Sie PWA von Grund auf neu starten?
Hier geht Sam Elliot im Detail darauf ein, was die Unterschiede sind und warum es Unterschiede im Aufwand gibt, der beim Erstellen einer PWA erforderlich ist.
Für einen Standard-Magento-Shop, der auf Luma basiert, haben Sie die Kernfunktionalität, die derzeit auf dieser Website verfügbar ist. Und dann bauen Sie auf dieser Kernfunktionalität auf, um dann das Kundenerlebnis zu liefern, das Sie suchen. Innerhalb von PWA ist alles ungefähr gleich. Der einzige Unterschied besteht darin, dass es einige kleine Teile geben wird, die derzeit verfügbar sind, und da die meisten Erweiterungen auf dem Marktplatz nicht umgeschrieben wurden, um innerhalb von PWA zu funktionieren (sowie um im neuen Venia-Frontend zu funktionieren), geht es weiter einige zusätzliche Arbeiten in den Prozess einbezogen werden.
Aber in Bezug auf die Erstellung jeder Komponente und jedes Moduls gibt es keinen Zeitunterschied, es ist kein zusätzlicher Aufwand erforderlich, um etwas innerhalb von PWA als benutzerdefinierte Komponente/Modul zu erstellen, als es in der Vergangenheit der Fall war.
Empfohlene Lektüre: SimiCart arbeitet mit Mageplaza zusammen, um Community-PWA-Studio-Erweiterungen zu entwickeln
IV. Abschlussempfehlung
Am Ende des Webinars hinterlässt uns Sam Elliot einen Schlussratschlag:
Jeder sollte an PWA als die nächste Erfahrung für sich denken. Es wird eine bessere Conversion auf Mobilgeräten und ein besseres Kundenerlebnis bieten, was jeder erreichen möchte. Wenn Sie eine verzögerte Website haben und der Meinung sind, dass sie eine Aktualisierung oder ein besseres Kundenerlebnis benötigt, ist PWA wahrscheinlich die Antwort für Sie – denn so sieht die Zukunft aus. Die blitzschnelle Erfahrung, die von PWA unterstützt wird, ist das, wonach die Kunden suchen, und sie sind diejenigen, die die Nachfrage danach antreiben werden.
Für Magento-Händler, die dieses neue Handelserlebnis erreichen möchten, sind wir hier bei SimiCart ein Team einer von Google qualifizierten PWA-Entwicklungsagentur, die bereit ist, Ihren Magento-Shop zu transformieren.