Im vorliegenden Artikel möchten wir genauer auf Vue Storefront, die Progressive Web App (PWA) für die neue Version Shopware 6 eingehen. Dabei erklären wir, was unter PWA zu verstehen ist und welche Funktionen und Vorteile die PWA „Vue Storefront“ hat.
Shopware 6 setzt vermehrt auf API-Lösungen. Diese bilden wiederum die Grundlage für PWAs. Aber was ist nun eine PWA?
Eine Progressive Web App ist eine Webseite, die Merkmale besitzt, die bisher nur native Apps aufwiesen. Einfacher gesagt, ist es eine „Mischung“ aus Website und App und vereint dabei die Vorteile beider Systeme:
Aus diesem Grund setzen immer mehr Unternehmen auf PWAs und auch Google unterstützt diese in ihrem Suchmaschinenranking.
Aber auch für das E-Commerce sind PWAs von großem Vorteil. Dies liegt unter anderem auch daran, dass immer mehr Menschen über mobile Endgeräte einkaufen. Im Jahr 2018 wurden laut einer Studie von Criteo bereits 48 % der E-Commerce-Transaktionen mobile getätigt.
Für wen eignet sich eine PWA?
PWAs lohnen sich primär für Onlinehändler:
- die sich im mobilen Bereich besser platzieren wollen
- die Probleme wie schlechte Internetverbindungen oder eine negative User Experience haben
- die auf Shopware 6 umsteigen wollen oder von einem anderen Shopsystem auf Shopware
- die auf Social Media sehr aktiv sind
- die aus den Branchen wie Furniture &Living oder Beauty & Fashion kommen
- die innovativ und auf lange Sicht planen
- die ihr Google Suchmaschinen-Ranking verbessern wollen
- die schlecht bei der organischen Suche abschneiden
Kommen wir nun zu Vue Storefront:
Die PWA „Vue Storefront“ wurde extra für den Bereich E-Commerce vom E-Commerce Solution Partner Divante entwickelt. Vue Storefront basiert auf Vue.js, ist plattformunabhängig und lässt sich mithilfe von APIs mit verschiedenen Backends verbinden.
Die Vorteile von Vue Storefront:
- Nutzung der Website wie eine App über eine Verknüpfung auf dem Home Screen des Endgeräts (Native App Experience)
- Schnelle Lade- und Laufzeiten
- Offline einkaufen und surfen (Vue Storefront lädt dazu die notwendigen Daten im Voraus, speichert die getätigten Bestellungen im lokalen Browser Cache und versendet die Bestellung sobald man wieder online ist)
- Shopware Standard Checkout auch offline möglich
- SEO- und crawler-freundlich
- Standardmäßige Anbindung zu Google Analytics und Google Adwords
- Ermöglichung von Push-Nachrichten
- Produkte können konfiguriert werden
- Nutzung eines Barcode Scanners über die Frontkamera des mobilen Endgeräts
- Anbindung von sprachgesteuerten Assistenten wie Alexa oder Google Home (Voice-Commerce)
- Plattformunabhängig (Headless) – Was genau man unter Headless Commerce versteht, können Sie hier nachlesen
- Open Source
Fazit von Shopware:
Die Kundenbindung kann deutlich erhöht werden durch den Einsatz einer PWA. Da die User Experience viel einfacher und benutzerfreundlicher ist. Der Implementierung ist jedoch sehr umfangreich sowie komplex und sollte folglich gründlich überdacht werden. Für innovationsgetriebene Shops lohnt es sich jedoch deutlich!