OpenCart Progressive Web App (PWA) – Benutzerhandbuch


1.0 Einführung

Diese automatisierte OpenCart-Erweiterung wurde mit dem Motiv entwickelt, Online-Shop-Besitzern die Umwandlung ihres Shops in eine progressive Webanwendung zu erleichtern. Der E-Commerce-Shop in PWA ist eine der wichtigsten fortschrittlichen Technologien, nach denen jedes E-Commerce-Unternehmen suchen sollte. Die OpenCart PWA Mobile App ist eigentlich eine Webanwendung, die nicht auf App Stores von Drittanbietern (Google Play und Apple App Store) basiert. Online-Käufer können ganz einfach “PWA-App zum Startbildschirm hinzufügen” und Produkte wie jede andere Anwendung auch unterwegs einkaufen.

1.1 Wie funktioniert die OpenCart Progressive Web App (PWA)?

Sobald der E-Commerce-Shop in die OpenCart PWA Mobile App konvertiert wurde und ein Benutzer die Store-URL im mobilen Browser öffnet, werden Benutzer aufgefordert, “PWA zum Startbildschirm hinzuzufügen”. So einfach ist die Installation und Verwendung von OpenCart Progressive Web App.

1.2 Top-Funktionen zur Auswahl von OpenCart PWA:

  • Schnelleres Laden und schnelle Leistung
  • Vollständig anpassbarer Startbildschirm mit DIY-Editor
  • Alle Website Versand & Zahlungsmethoden unterstützen
  • Unbegrenzte Push-Benachrichtigungen (sowohl automatisierte als auch benutzerdefinierte Benachrichtigungen)
  • Abgebrochene Warenkorb-Push-Benachrichtigung
  • Chat-Unterstützung für Zopim und WhatsApp
  • Benutzerfreundliche Oberfläche
  • Keine Abhängigkeit von App Stores
  • Vollständig mit Ihrem Geschäft versehen (White Label)
  • E-Mail & Social Login (Google & Facebook)
  • Mehrsprachige & RTL-Unterstützung
  • Offline-Modus funktioniert
  • Eingebaute Wunschliste-Funktionalität
  • Live-Synchronisation s / w Website & App
  • Automatische Bestandsaktualisierung
  • Kompatibilität mit mehreren Geräten
  • Einseitiger Checkout
  • Leichte Anwendung
  • CMS-Seitenverwaltung
  • Verwandte Produkte in der Progressive Web App
  • Nutzerbewertungen für Produkte auf PWA
  • Unterstützung für mehrere Währungen
  • Unterstützung für Gutscheine / Gutscheine

Vollständig kompatibel mit dem KnowBand Multi-Vendor Marketplace:

Unsere OpenCart PWA Mobile App ist kompatibel mit OpenCart Multi-Vendor Marketplace. Verwandeln Sie Ihren OpenCart E-Commerce-Shop in einen vollwertigen Marktplatz und starten Sie dafür die PWA Mobile App. Die Marktplatzverkäufer sind in Ihrer Progressive Web App verfügbar, und Benutzer können sie auch einfach durchsuchen.

Hinweis: OpenCart PWA Mobile Apps sind nur kundenorientiert, dh die Benutzer können die PWA-App zusammen mit Verkäufern besuchen. Es wird kein Verkäufer-Dashboard oder Management über OpenCart Progressive Web App geben. Der Administrator kann die Verkäufer über das Marktplatz-Web verwalten und diese werden automatisch in der PWA Mobile App aktualisiert.

1.3 OpenCart PWA-Demo anzeigen:

 

Home-Bildschirm

Entdecken Sie die Funktionen von Modulen und PWA-Apps über die folgenden Demo-Links:

Modul Admin Panel: https://opencartdemo.knowband.com/3.0/pwa/admin/
PWA Demo App: ,warhttps://opencartdemo.knowband.com/3.0/pwa/pwa-app/

(URL kopieren, einfügen im mobilen Browser und “Zum Startbildschirm hinzufügen”)

2.0 Admin Panel-Bildschirme:

Sehen Sie sich alle Einstellungen des Admin-Fensters der OpenCart PWA Mobile App-Erweiterung sowie die Funktionalität an und arbeiten Sie mit den unten freigegebenen Snapshots:

Allgemeine 2.1-Einstellungen:

Allgemein-Einstellungen

a) Vorschau ein- / ausblenden: Tippen Sie auf die Augentaste, um das Vorschau-Telefon im Admin-Bereich anzuzeigen / auszublenden.
b) Status: Aktivieren Sie das Modul für die PWA-Arbeit auf Mobilgeräten.
c) Aktivieren Sie das Anforderungsprotokoll-Reporting: Aktivieren Sie das Fehlerprotokoll auf dem Handy.
d) Name für PWA App: Geben Sie den Namen für die OpenCart PWA App ein.
e) Wählen Sie Layout für Homepage: Wählen Sie aus dem vorab hinzugefügten Layout des Startbildschirms für OpenCart Progressive Web App.

general-settings-2

f) Aktivieren Sie die Registerkartenleiste: Aktivieren Sie die Registerkartenleiste unten in der OpenCart PWA-App für eine nahtlose Navigation.
g) Schriftart für PWA App: Wählen Sie eine Schriftart für OpenCart Progressive Web App (PWA).
h) Farbe der App-Schaltfläche: Wählen Sie die Tastenfarbe für die PWA Mobile App.
i) Farbe des App-Themas: Wählen Sie die Themenfarbe für die PWA-App.
j) App Hintergrundfarbe: Wählen Sie die Hintergrundfarbe für die PWA-App.
k) App Splash Screen Farbe: Wählen Sie einen Begrüßungsbildschirm für die PWA Mobile App.
l) Logo aktivieren: Fügen Sie Ihr Markenlogo in die Kopfzeile der OpenCart PWA Mobile App ein.

general-settings-3

m) Bild für App-Symbol: Fügen Sie im Admin-Bereich der OpenCart PWA-Erweiterung ein App-Symbol hinzu.
n) Weiterleiten auf Warenkorbseite beim Hinzufügen zum Warenkorb: Steuern Sie die Umleitung der Schaltfläche “In den Warenkorb”, wenn ein Benutzer auf die Schaltfläche “In den Warenkorb” tippt.

2.2 Push-Benachrichtigungseinstellungen

Push-Benachrichtigungen-Einstellungen

Push-Benachrichtigungen sind das beste Marketing-Tool für die Progressive Web App (PWA) für OpenCart. Der Store-Administrator kann App-Benutzer einfach für die Store-Produkte und -Angebote werben und mehr Umsatz und Einnahmen erzielen. Geben Sie alle Details in die Push-Benachrichtigungseinstellungen ein, indem Sie ein Firebase-Projekt erstellen:

Wie richte ich ein Firebase-Konto ein?

Schritt 1: Login Google Firebase

Firebase

Schritt 2: Erstellen eines neuen Projekts Wenn Sie auf Projekt hinzufügen klicken, wird das folgende Dialogfeld angezeigt:

create-Projekt
Das Erstellen des Projekts dauert einige Sekunden. Sobald das Projekt fertig ist, klicken Sie auf Weiter.

Projekt fortsetzen

Schritt 3: Projekteinstellungen verwalten Klicken Sie nach dem Erstellen des Projekts auf Projekteinstellungen.

Projekt Einstellungen

Schritt 4: Gehen Sie zu den Authentifizierungsoptionen:

Authentifizierungsoptionen
Schritt 5: Finden Sie Firebase-Schlüssel. Klicken Sie in den Projekteinstellungen auf Cloud-Messaging-Einstellungen. Von hier aus können Sie den Serverschlüssel direkt abrufen.

Feuerbasis-Schlüssel
Schritt 6: Fügen Sie Ihre Web-App zu Firebase hinzu

Web-App-to-Firebase

Web-App-to-Firebase

Schritt 7: Holen Sie sich andere Details zur Firebase und fügen Sie diese in das PWA-Modul-Admin-Panel ein.

Firebase-Details

Schritt 8: Holen Sie sich den Firebase-Serverschlüssel von der Registerkarte Cloud Messaging in den Einstellungen:

Feuerbasis-Schlüssel

Schritt 9:Fügen Sie Ihre Domain zur Authentifizierung hinzu >> Anmeldung.

Firebase-Server-Schlüssel

Firebase-Server-Schlüssel

A) Erfolgreiche Push-Benachrichtigung für Bestellungen:

Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die an App-Benutzer gesendet wird, wenn diese eine erfolgreiche Bestellung über die OpenCart Progressive Web App (PWA) aufgeben.

Auftragserfolg

B) Push-Benachrichtigung zur Aktualisierung des Bestellstatus:

Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die gesendet wird, wenn der Bestellstatus der App aktualisiert wird. Die Benutzer der OpenCart PWA Mobile App können die Details früherer Bestellungen im Auge behalten.

Bestellstatus-Benachrichtigung

C) Push-Benachrichtigung für verlassenen Einkaufswagen:

Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die an Benutzer gesendet wird, die Produkte ohne erfolgreichen Kauf im Warenkorb verlassen. Diese Push-Benachrichtigung wird nach dem eingegebenen Zeitintervall automatisch an die Benutzer gesendet.

verlassener Wagen

2.3 Push-Benachrichtigungsverlauf

Der vollständige Push-Benachrichtigungsverlauf der erfolgreich gesendeten Push-Benachrichtigungen wird hier angezeigt. Der Store-Administrator kann von hier aus die zuvor gesendeten Push-Benachrichtigungen verfolgen.

Push-Benachrichtigungs-Verlauf

A) Benachrichtigung senden:

Personalisieren Sie Push-Benachrichtigungen und senden Sie sie manuell an PWA-Benutzer (OpenCart Progressive Web App) nach Bedarf. Der Store-Administrator kann diese Benachrichtigungen selbst konfigurieren und an PWA-Benutzer (OpenCart Progressive Web App) senden.

Benachrichtigung senden

2.4-Homepage-Layout:

Entwerfen und speichern Sie mehrere Layouts (Verkauf, Festivals usw.) und wählen Sie im Admin-Bereich das richtige aus, um die OpenCart Progressive Web App zu aktualisieren

Home-Bildschirm

Die OpenCart Progressive Web App (PWA) bietet einen anpassbaren Startbildschirm, dessen Layout mit wenigen Mausklicks und Drag & Drop über das Admin-Panel gestaltet werden kann. Das attraktive Layout für laufende Festivals, Verkäufe, Anlässe usw. kann sicherlich dazu beitragen, den Umsatz durch OpenCart PWA Mobile Apps zu verbessern.

Homepage-Layout

Fügen Sie auf dieser Registerkarte ein neues Layout hinzu oder bearbeiten Sie die zuvor hinzugefügten. Die Einstellungen für die Homepage-Konfiguration bieten die folgenden Elemente:

Top-Kategorien:

Top-Kategorie

Quadratisches Banner:

Quadrat-Banner

Horizontales Schiebebanner:

Schiebebanner

Gitterbanner:

Gitter-Banner

Countdown-Timer-Banner:

Countdown-Timer-Banner

Quadratische Produkte:

quadratisches Produkt

Gleitprodukte:

Schiebeprodukte

Netzprodukte:

Gitterprodukte

Wie erhalte ich Details zur Facebook-App?

Die Facebook-App kann mit den folgenden Schritten erstellt werden: –

Schritt 1: Gehen Sie zu L: https://developers.facebook.com/apps/

Schritt 2:Klicken Sie auf die Schaltfläche “Neue App hinzufügen”.

Add-New-App

Schritt 3 & 4:Geben Sie Ihren App-Namen und Ihre E-Mail-ID ein und klicken Sie auf die Schaltfläche “App-ID erstellen”.

create-app-id

Schritt 5 & 6: Nach dem Klicken auf App-ID erstellen müssen Sie eine Sicherheitsüberprüfung wie folgt durchführen:

create-app-id

Schritt 7:Klicken Sie auf die Registerkarte “Einstellungen”.

fb-app-einstellung

Schritt 8-13:Zwei Optionen sind in der Dropdown-Liste “Basic” und “Erweitert” verfügbar. Klicken Sie auf “Basic”. Geben Sie dann Ihre “App Domain”, “Kontakt-E-Mail”, “Datenschutz” URL “,” Allgemeine Geschäftsbedingungen “URL”, “Logo hinzufügen”, “Kategorie auswählen” ein und klicken Sie auf “Änderungen speichern”. App-Domains: yourdomain.com ist korrekt yourdomain.com/store ist falsch www.domain.com ist falsch

fb-app-id

Schritt 14:Klicken Sie jetzt auf “+ Plattform hinzufügen”.

Add-Plattform
Schritt 15:
Und wählen Sie Website als Plattform.

Plattform wählen

Schritt 16: Nun Geben Sie Ihre Site-URL ein.

enter-website-url
Schritt 17 & 18:Klicken Sie auf “Produkte +” und wählen Sie Facebook-Login.

Facebook Login
Schritt 19: Wählen Sie Web als Plattform für die App.

Plattform wählen

Schritt 20: Klicken Sie jetzt auf Speichern.

Facebook-App-ID
Schritt 21 & 22: Klicken Sie auf Einstellungen und fügen Sie gültige OAuth-Umleitungs-URIs hinzu. Gültige OAuth Redirect-URIs: https://example.com/pwa-app/login

Weiterleitungs-URL

Schritt 23 & 24:Klicken Sie auf “App Review”. Und markieren Sie “Machen Sie ‘Ihren App-Namen’ öffentlich” mit “Ja”.

App-Überprüfung
Letzter Schritt: Kopieren Sie die App-ID und das App-Geheimnis und fügen Sie sie in die Felder des Moduls ein.

letzter Schritt

Wie erhalte ich Google App-Details?

  • Gehen Sie zur Google Developers Console (https://console.developers.google.com/project) oder klicken Sie auf den Link oben rechts auf der jeweiligen Registerkarte auf der Modulkonfigurationsseite.
  • Klicken Sie nun links auf der Seite auf Projekt erstellen.
  • Geben Sie einen Namen für Ihr Projekt ein und fahren Sie mit dem nächsten Schritt fort.
  • Klicken Sie nun im linken Menü auf APIs und auth-> Credentials (siehe unten).

Google-App-ID

  • Klicken Sie im rechten Bereich des Bildschirms auf die Schaltfläche Neue Client-ID erstellen.
  • Möglicherweise müssen Sie das Formular für den Zustimmungsbildschirm ausfüllen, bevor Sie fortfahren können. Dazu müssen Sie im linken Menü auf Zustimmungsbildschirm klicken (siehe Abbildung oben).
  • Füllen Sie das Popup-Formular mit den folgenden Angaben aus:

Anwendungstyp: Web-Anwendung.
Autorisierte JavaScript-Ursprünge: Ihr Domain-Name Ihres Geschäfts (http://www.yourstore.com).
Autorisierter Weiterleitungs-URI oder URI der Loginizer-Umleitungsseite:
https://example.com/pwa-app/login

Google-App-ID

  • Klicken Sie nun auf die Schaltfläche Client-ID erstellen, um Ihre Client-ID und Ihren geheimen Client-Schlüssel abzurufen.
  • Jetzt können Sie das Kundengeheimnis und die Kunden-ID verwenden, damit sich Ihre Kunden mit ihrem Google-Konto in Ihrem Geschäft anmelden können.

2.7-Informationsseiten:

Fügen Sie der App CMS-Seiten hinzu und bieten Sie den Benutzern der OpenCart PWA Mobile App informative Inhalte.

Informationsseiten

3.0 Front-End-PWA-App-Bildschirme:

3.1-Startbildschirm:

Home-Bildschirm

Der Startbildschirm der OpenCart Progressive Web App (PWA) kann mit einem DIY-Editor vollständig angepasst werden, wie oben in den Bildschirmen des Admin-Panels erläutert. Ändern Sie das Erscheinungsbild des App-Startbildschirms jederzeit und bieten Sie ein benutzerfreundlicheres und verkaufsorientierteres Erscheinungsbild.

1. Benutzerdefiniertes Layout:

Mit verschiedenen Bannern, Schiebereglern und Produktelementen kann der Geschäftsadministrator je nach Bedarf ein dynamisches Layout erstellen.

Verwenden Sie Ihr Store-Logo in der oberen Kopfzeile der OpenCart Progressive Web App (PWA).

3. Warenkorb Tasche:

Über das Warenkorbsymbol in der oberen rechten Ecke des Startbildschirms können Benutzer auf den Warenkorbbildschirm zugreifen und hinzugefügte Produkte überprüfen.

4. Linkes Navigationsmenü:

Durchsuchen Sie die in der PWA-App angezeigten Kategorien, während Sie das linke Navigationsmenü durchsuchen.

3.2-Akkordeonmenü (Navigationsleiste)

Die OpenCart PWA Mobile Apps verfügen über eine nahtlose und ordnungsgemäße Kategorisierung. Die Benutzer können relevante Kategorien im linken Navigationsmenü finden und Produkte durchsuchen. Dem Menü können auch verschiedene CMS-Seiten hinzugefügt werden, die relevante Inhalte in der App enthalten.

Akkordeon-Menü-Navigationsleiste

1. Mein Konto:

Die Option Mein Konto enthält alle persönlichen Informationen der Benutzer, einschließlich Versand und Bestellung. Die OpenCart Progressive Web App-Kunden können die gespeicherten Informationen anzeigen und aktualisieren.

2. Kategorien:

Die im linken Navigationsmenü der OpenCart Progressive Web App angezeigten Kategorien entsprechen denen, die im E-Commerce-Shop verfügbar sind.

3. CMS-Seiten:

Auf verschiedene CMS-Seiten wie Über uns, Kontakt, Allgemeine Geschäftsbedingungen usw. kann von hier aus zugegriffen werden. Diese Informationsseiten können über das Admin-Panel der Erweiterung hinzugefügt werden.

4. Sprache (n):

Mit der Sprachoption können PWA-App-Benutzer die Web-App in der gewünschten Sprache anzeigen.

5. Währung (en):

Alle auf Ihrer Website verfügbaren Währungen werden hier in der OpenCart Progressive Web App (PWA) -App angezeigt.

6. Anmelden / Abmelden:

Benutzer können sich über diese Option einfach über die OpenCart PWA-App anmelden / abmelden.

3.3-Kategoriebildschirm:

Kategorie-Bildschirm

Übersichtliche Kategoriebildschirme mit Listen- und Rasteransicht ermöglichen es den Benutzern, aus einer bestimmten Kategorie auszuwählen, was für sie am besten ist. Das gesamte Inventar des Geschäfts bleibt mit der mobilen App der OpenC Progressive Web App (PWA) synchron, und neue Ergänzungen und Änderungen werden sogar in Echtzeit aktualisiert.

1. Listen- und Rasteransicht:

Die Kategorien in der PWA-App für OpenCart können sowohl in der Listen- als auch in der Rasteransicht durchsucht werden.

2. Produktsortierung:

Mit der Sortieroption können Online-Käufer die Produkte in der gewünschten Sortierreihenfolge eingrenzen und die richtige finden.

3. Produktfilter:

Die OpenCart PWA Mobile App bietet die Möglichkeit, Produkte zu filtern, um die Produktsuche zu vereinfachen. Online-Käufer können die gewünschten Produkte unter Kategorien mithilfe von Filtern für verschiedene Attribute wie Größe, Farbe, Preis usw. finden.

3.4-Produktbildschirm:

Produkt-Bildschirm

Der Produktbildschirm der OpenCart Progressive Web App ist so einfach und faszinierend wie möglich. Mit allen erforderlichen Optionen und Informationen zum Produkt ist es für Benutzer eine Frage von Minuten, ob sie sicher sind, welches Produkt sie kaufen möchten. Für das Produkt sind mehrere Bilder mit den Optionen “Auf Lager” und “Nicht auf Lager” verfügbar.

1. Produktinfo & Pflege:

Die vollständigen Produktinformationen, wie sie im Inventar verfügbar sind, werden hier angezeigt.

2. Kurze Beschreibung:

Benutzer können die kurze Beschreibung Ihres Produkts lesen, um sich schnell über den Kauf zu entscheiden.

3. Produktoptionen:

Hier werden alle produktbezogenen Optionen wie Größe, Farbe usw. angezeigt.

4. In den Warenkorb legen:

Mit dieser Schaltfläche können Benutzer Produkte in den Warenkorb legen. Die Benutzer können den Warenkorb für den Kauf weiter bearbeiten.

5. Produkt-Social-Sharing:

Mit der Freigabeoption für das Produkt können Benutzer Produkte auf mehreren sozialen Kanälen freigeben.

3.5-Anmeldebildschirm

Anmeldebildschirm

Die OpenCart PWA Mobile App bietet soziale Anmeldeoptionen mit einem Fingertipp und vereinfacht den Anmelde- / Registrierungsprozess. Die OpenCart Progressive Web App bietet Google- und Facebook-Login.

1. Anmeldung:

Die App-Benutzer können sich mit ihren vorherigen E-Mail-Anmeldeinformationen einfach bei PWA-Apps authentifizieren und anmelden.

2. Anmelden:

Alle neuen App-Benutzer können sich über die OpenCart PWA-App anmelden und ihr Konto im Store erstellen. Im Anmeldeformular werden nur die erforderlichen Details zum Erstellen eines Kontos abgefragt.

3. Loggen Sie sich mit Facebook ein:

Die Benutzer können sich mit ihren Facebook-Kontoanmeldeinformationen bei der PWA-App anmelden.

4. Melden Sie sich bei Google an:

Die Benutzer können sich mit ihren Anmeldeinformationen für das Google-Konto bei der PWA-App anmelden.

3.6-Warenkorb-Bildschirm:

Auf dem Warenkorbbildschirm der OpenCart PWA Mobile App werden alle Produkte angezeigt, die dem Warenkorb hinzugefügt wurden. Die App-Benutzer können Produktname, Menge, Gesamtpreis und Versandkosten anzeigen. Dieser Bildschirm bietet folgende Optionen:

Warenkorb-Bildschirm

1. Gutschein einlösen:

Mit dieser Option können Benutzer Website-Gutscheine verwenden und Rabattangebote erhalten.

2. Gesamtproduktpreis:

Die Benutzer können die vollständigen Kosten ihrer Einkaufstasche anzeigen, bevor sie fortfahren. Es wird automatisch entsprechend jeder Aktualisierung mit Produktmenge oder Neuzugang aktualisiert.

3. Produktmenge aktualisieren:

Die Benutzer der PWA-App können die Produktmenge sogar mit der Option “Menge aktualisieren” aktualisieren.

4. Produkt entfernen:

Die App-Benutzer können das Produkt einfach aus dem Warenkorb entfernen, indem sie einfach auf die Option “Entfernen” tippen.

5. Weiter einkaufen:

Die App-Benutzer können den Warenkorb verlassen, um weitere Produkte in Ihrer App zu durchsuchen.

6. Weiter zur Kasse:

Die Benutzer der PWA-App können weiter zu den Checkout- und Zahlungsbildschirmen wechseln, indem sie auf die Option “Weiter zur Kasse” tippen.

3.7 Checkout-Bildschirm

Die Progressive Web App für OpenCart verfügt über eine vereinfachte Einzelbild-Kasse mit nur relevanten Informationen. Die App-Benutzer können vollständige Checkout-Details wie Versanddetails, Rechnungsdetails, Bestellübersicht, Bestellkommentar und Zahlungszusammenfassung anzeigen.

Checkout-Bildschirm

1. Versand- und Rechnungsdetails:

Dieser Bildschirm enthält Details zu den vom Benutzer gespeicherten Versand- und Rechnungsadressen. Der Benutzer kann bei Bedarf auch die neue Lieferadresse bearbeiten / speichern.

2. Bestellübersicht:

Die App-Benutzer können die Produktdetails anzeigen, bevor sie die Zahlung vornehmen.

3. Versandarten: Hier werden alle verfügbaren Versandarten angezeigt. Benutzer können diejenige auswählen, die ihren Anforderungen entspricht.

4. Kommentar bestellen:

Benutzer können auch Kommentare zu ihrer Bestellung hinzufügen, die sichtbar sind, um den Administrator auf der Bestellwebseite im Backend zu speichern.

6. Zahlungszusammenfassung:

In diesem Abschnitt werden die vollständigen Details zur Ausfallzahlung angezeigt, die mit dem Kauf verbunden sind.

7. Fahren Sie mit der Zahlung fort:

Die Benutzer der PWA-App werden nach dem Tippen auf die Schaltfläche “Weiter zur Zahlung” zum Zahlungsbildschirm weitergeleitet.

3.8-Zahlungsbildschirm:

Auf dem Zahlungsbildschirm der OpenCart PWA-App sind alle Web-View-Zahlungen im Store verfügbar. Online-Käufer finden ähnliche Zahlungserfahrungen sowohl auf Websites als auch in Apps.

Zahlungsbildschirm

3.9 Mein Konto-Bildschirm

Mein-Konto-Bildschirm

Auf meinem Konto-Bildschirm der OpenCart PWA Mobile App können Online-Käufer ihre vollständigen Details anzeigen, die in der Progressive Web App gespeichert sind. In diesem Bildschirm wird auch eine Liste früherer App-Bestellungen angezeigt.

1. Persönliche Daten:

Benutzer können ihre vorab gespeicherten persönlichen Daten in der PWA Mobile App anzeigen und aktualisieren.

2. Lieferadresse (n):

Die App-Benutzer können die vollständige Liste der vorgespeicherten Versandadressen in der PWA-App anzeigen.

3. Bestelldetails:

Die App-Benutzer können die vollständige Liste der zuvor aufgegebenen Bestellungen über die PWA-App und deren Details anzeigen.

4. Nachbestellungsfunktion:

Auf dem Bildschirm Mein Konto der OpenCart Progressive Web App (PWA) befindet sich eine Schaltfläche zum direkten Nachbestellen. Alle vorherigen Produkte unter dieser Bestellung werden mit nur einem Knopf in den Warenkorb gelegt.

3.91-Auftragsdetailbildschirm

Der Bildschirm mit den Bestelldetails der OpenCart Progressive Web App enthält vollständige Details zu bestimmten Bestellungen aus der PWA-App. Benutzer können die Versandadresse, die Produktübersicht, die Versand- und Zahlungsmethode sowie die Gesamtkostenübersicht usw. problemlos anzeigen. Sie bietet sogar die Möglichkeit, den Status der Bestellung und Lieferung zu verfolgen.

Bestell-Detail-Bildschirm

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *