PWA & Magento 2: Erklärt

07/20/2021 Plugin updates New In depth

Blicken wir zurück ins Jahr 2015 ...

Der Begriff Progressive Web Application wurde von zwei Leuten aus dem Google Chrome-Team geprägt, die eine neue Klasse von Websites geschaffen haben, die ein besseres Erlebnis für Nutzerer:innen bietet als herkömmliche Web-Applikationen. Alle diese Apps hatten eines gemeinsam: Sie wurden zu eigenständigen Apps, die mit einem Klick auf der Startseite eines Mobiltelefons platziert werden konnten, und nicht nur in einem separaten Tab im Browser. Diese Technologie versprach eine einfache Implementierung und viele Vorteile für die Nutzer:innen.

Der Zufall wollte es, dass während der Entwicklung dieser Technologie die Marktnutzung für Mobiltelefone deutlich zugenommen hat. Seit Frühjahr 2018 werden Applikationen dieser Klasse von allen wichtigen Browsern akzeptiert.

Was genau ist also eine PWA?

In den Worten unseres Magento 2 Product Owners, Stanislau: "Eine PWA (Progressive Web Application) - macht es möglich, Ihre Website in eine vollständig responsive App zu verwandeln. Diese App kann auf dem Homescreen Ihres Telefons gespeichert werden, auf die Hardware des Gadgets zugreifen und Push-Benachrichtigungen senden. PWA-Anwendungen werden direkt im Browser gespeichert, d. H. die Nutzer:innen müssen sie nicht aus dem Google Store oder App Store herunterladen und die funktionieren auch ohne stabile Internetverbindung oder offline."

Um es noch einfacher zu machen: eine PWA ist eine App, die wie eine Website aufgebaut ist, aber mit den Funktionen einer mobilen Anwendung erstellt wurde - mit dem Hauptaugenmerk darauf, das Gefühl und die Funktionalitäten einer App zu haben.

Technologiestapel Progressive Web-Anwendung:

  • Service Worker
  • Web App manifest
  • HTTPS
  • App shell
  • Push-Benachrichtigungen

PWA für E-Commerce-Shops, die auf Magento 2 laufen

Mit der zunehmende von mobilen Einkaufen ist auch die Popularität von PWAs für Magento 2 Shops gestiegen.

Das offizielle Adobe Magento-Team selbst hat das PWA Studio entwickelt und arbeitet weiterhin an der Entwicklung - eine Reihe von Tools, die dabei helfen, einen Magento 2-Shop in eine vollwertige PWA-Anwendung zu verwandeln. Dies wurde zum Antrieb für das Wachstum von PWA-Shops auf Basis von Magento 2.

Es gibt auch Möglichkeiten, Ihren Magento 2-Shop in eine PWA-Anwendung zu verwandeln, zum Beispiel mit einem PWA-Theme von unseren Theme-Partnern oder mit verschiedenen anderen PWA-Plugins von unterschiedlichen Anbieter:innen.

Vor- und Nachteile für E-Commerce-Shops:

Vorteile:

  • Die Einfachheit im Vergleich zu dedizierten Apps.
    • Die PWA-Anwendung funktioniert für alle modernen iOS- und Android-Geräte gleichzeitig, man muss sich nicht mit den Einschränkungen des Google Store oder App Store auseinandersetzen.
    • Höhere Konversionsraten.
      • Ein verbessertes Einkaufserlebnis für Nutzer:innen.
    • Verbessern Sie Ihr SEO. 
      • Progressive Web Apps werden von Google-Bots besser indiziert und verbessern die SEO-Performance. In Google wird die Website deutlich höhere Positionen einnehmen, wenn die PWA-Technologie eingebunden ist.
    • Responsives Design und Kund:innenbindung. 
      • Bequemere und schnellere Interaktion von Nutzer:innen mit der PWA-Anwendung.
    • Offline-Modus.
      • Die Möglichkeit, offline zu arbeiten ermöglicht es Kund:innen, nach ihren Lieblingsprodukten zu suchen, auch wenn sie sich an Orten befinden, an denen es Probleme mit der Internetverbindung geben kann, wie z. B. in öffentlichen Verkehrsmitteln (U-Bahn).
    • Sicherheit. 
      • PWA-Anwendungen verwenden sichere HTTPS-Verbindungen. PWA werden mit offenen Webtechnologien erstellt.
    • Unglaublich schnell. 
      • PWA-Anwendungen haben eine hohe Arbeitsgeschwindigkeit sowohl online als auch offline.
    • Cross-Browser-Kompatibilität. 
      • Alle modernen Browser ab 2018 unterstützen PWA-Technologien.
    • Installation.  
      • Die Anwendung kann mit einem Klick dem Startbildschirm des Smartphones hinzugefügt werden.

Nachteile:

Der größte Nachteil ist, dass die PWA-Technologie noch recht neu und in der Entwicklung ist, was bedeutet, dass es unvorhergesehene Probleme geben kann. Die Kehrseite davon ist jedoch, dass es so viel Raum zum Wachsen und Entwickeln gibt.

Zahlungsdienstleister für PWA-Anwendungen auf Magento 2

Für einen Webshop wird der Checkout immer einer der wichtigsten Aspekte seiner Online-Präsenz sein. Die Möglichkeit für reibungslose Zahlungen kann den Unterschied zwischen einem misslungenen und einem erfolgreichen Website-Besuch ausmachen.

Bei MultiSafepay sind wir ständig am Puls der Zeit, wenn es um die Entwicklungen im E-Commerce geht. Daher waren wir von Anfang an an der Entwicklung der PWA-Technologie für den Markt der mobilen Anwendungen beteiligt und haben vollständige Integrationen mit den beliebtesten Plattformen implementiert, um einen Magento 2-Shop in eine PWA-Anwendung zu verwandeln. Über MultiSafepay können Sie die PWA-Technologie über PWA Studio, ScandiPWA oder Vue Storefront nutzen. Weitere Informationen zu diesen PWA-Integrationen finden Sie in unserem Blog-Artikel über PWA im Allgemeinen, oder in der speziellen Vue Storefront-Version.

Zudem haben wir kürzlich ein separates Modul für die Kompatibilität mit GraphQL für die Integration mit Magento 2 implementiert , so dass Sie problemlos mit jeder PWA-Lösung auf Basis von Magento 2 integrieren können.

Zusammenfassend können wir sagen, dass die PWA-Technologie auf dem Markt für mobile Anwendungen noch recht jung ist, aber mit dem konstanten Wachstum der Nutzung von mobilen Geräten, Einkäufen über mobile Geräte im Internet und mit ihrem Übergewicht an Vor- und Nachteilen sind wir der Meinung, dass sie in den kommenden Jahren nur weiter wachsen wird - und eines Tages vielleicht sogar native Anwendungen im E-Commerce ersetzen wird.

Mit MultiSafepay können Sie diese hochmodernen PWA-Integrationen nutzen und haben Zugang zu einem etablierten, gut abgerundeten Zahlungsmix. Das gibt Ihnen die richtigen Tools dafür, Ihre E-Commerce-Ziele in ganz Europa zu erreichen. All das wird von einem erfahrenen internen Entwicklerteam unterstützt.


Erfahren Sie, was wir tun können, um Ihr Geschäft voranzutreiben

Kontaktieren Sie unsere Zahlungsexpert:innen