WooCommerce Mobile App Builder – Benutzerhandbuch

Woocommerce-Mobile-App-Builder

1.0 Einführung

Wir alle sind wachsam mit der Tatsache, dass mobile Anwendungen heutzutage eine entscheidende Rolle für das Benutzerengagement spielen. Wenn Sie Eigentümer eines WooCommerce-Shops sind und nach einer bequemen Möglichkeit suchen, eine E-Commerce-Anwendung für Ihre Website zu entwickeln, finden Sie hier die richtige Lösung. WooCommerce Mobile App Builder von Knowband bietet Ihnen eine native Android / iOS-Anwendung, die mit Sicherheit alle Voraussetzungen für das Wachstum Ihres Geschäfts erfüllt. Mit dem WooCommerce App Creator für Android / iOS können Sie Ihre E-Commerce-Website nahtlos in eine Smartphone-Anwendung umwandeln. Die von WooCommerce Mobile App Maker entwickelten mobilen Apps bieten den Nutzern ein einwandfreies und zuverlässiges App-Erlebnis, das die Kluft zwischen Ihnen und Ihren Verkäufern sicher überbrücken wird. Sie müssen lediglich Ihre geschäftlichen Anforderungen und Erwartungen angeben und den Rest dem Knowband-Team überlassen.

1.1 WooCommerce Mobile App-Funktionen

Die erweiterten Funktionen des WooCommerce-Herstellers für Android / iOS-Apps für Mobilgeräte können Ihr Unternehmen zu einem sicheren Erfolg auf dem umkämpften Markt machen. Dies sind die wichtigsten Funktionen von WooCommerce Mobile App Creator: Nachdem Sie sich nun vollständig mit der Funktionsweise von WooCommerce Mobile App Maker vertraut gemacht haben, ist es an der Zeit, einige der unerreichten Funktionen im Detail zu betrachten:

1. Web Admin Interface

Der Store-Administrator erhält vollständigen Zugriff auf die Web-Admin-Oberfläche von WooCommerce Mobile App Maker, nachdem das Modul im Store installiert wurde.

2. Designkontrolle

Der Admin wird voll Designkontrolle um die App entsprechend anzupassen. Mit WooCommerce Mobile App Builder können Sie Banner, Slider, Push-Benachrichtigungen usw. über die Backend-Oberfläche erstellen.

3. Anpassbare App-Designs

Standardmäßig werden in mobilen Apps vier Themenfarben bereitgestellt. Sie können aus den mitgelieferten Farbtabellen sogar eine neue auswählen.

4. Benutzerdefinierte Schriftarten

Die mobilen Apps von WooCommerce Mobile App Creator sind mit 10 + -Schriftarten ausgestattet. Wenn Sie eine andere Schriftart für Ihr Geschäft wünschen, können wir diese in die Anwendung integrieren.

5. Tablet-Optimierung

Entwickelte mobile Apps sind Tablet und Handy optimiert. Dadurch funktioniert die App nahtlos auf jedem Handheld-Gerät.

6. Synchronisation zwischen Store und Mobile App

WooCommerce Mobile App Builder synchronisiert die App und Ihren Webshop in Echtzeit. Alle Daten, die sich auf das Inventar oder die Bestellung beziehen, werden in der Anwendung automatisch aktualisiert.

7. Mehrsprachige Unterstützung

WooCommerce Mobile App Maker bietet mehrsprachige Unterstützung in Anwendungen. Es werden sogar RTL-Schreibstile in Anwendungen sowie verschiedene 18-Sprachen unterstützt. Sollten Sie dennoch eine andere Sprache für Ihre Bewerbung wünschen, können wir diese gegen eine geringe Gebühr hinzufügen. Im Folgenden finden Sie eine Liste der Sprachen, die in der Mobilanwendung unterstützt werden:

  • Bulgarian
  • Tschechisch
  • Dutch
  • Englisch
  • Finnish
  • Französisch
  • Deutsch
  • Griechisch
  • ungarisch
  • Italian
  • Polnisch
  • Portugiesisch
  • rumänisch
  • Russisch
  • Slovak
  • Swedish
  • Spanisch
RTL-kompatible Sprachen:
  • Arabic
  • Aramäisch
  • Azeri
  • Dhivehi / Malediven
  • hebräisch
  • Urdu
  • Persisch / Persisch
  • Kurdisch

und andere.

8. Multi-Währung

WooCommerce Mobile App Developer unterstützt alle in Ihrem Geschäft verfügbaren Währungen.

9. Unbegrenzte Push-Benachrichtigungen

WooCommerce Mobile App Maker ermöglicht es den Ladenbesitzern, zu senden unbegrenzte Push-Benachrichtigungen an die App-Nutzer. Mit dieser Funktion können Sie die Benutzer über den Bestellungserfolg, die Aktualisierung des Bestellstatus und den abgebrochenen Warenkorb informieren.

10. Werbebanner

In den mobilen Anwendungen sind Banner und Schieberegler vorhanden, mit denen neue Angebote und saisonale Angebote sowie Preisnachlässe angekündigt werden können.

11. Live-Chat-Unterstützung

Zopim-Chat Mithilfe von Diensten können Sie 24 / 7-Benutzerunterstützung direkt über die mobile Anwendung bereitstellen.

12. Facebook und Google Login

WooCommerce Mobile App Maker bietet Sozial Login Option in der App, um den Registrierungs- und Anmeldevorgang für die Benutzer zu beschleunigen. Die Optionen Google+ und Facebook werden standardmäßig zur App hinzugefügt.

13. Coupon- und Voucher-Support

WooCommerce Mobile App Builder unterstützt alle Arten von Gutscheinen und Gutscheinen in Ihrem Geschäft erhältlich.

14. Unterstützung für native Zahlungsmethoden

WooCommerce Mobile App Creator unterstützt alle Arten von Zahlungsmethoden. PayPal- und Nachnahmezahlungsmethoden sind standardmäßig in der Anwendung enthalten.

15. Produktfreigabe

Benutzer können Ihre Shop-Produkte auf verschiedenen Social-Media-Plattformen direkt auf der Produktseite Ihres Bildschirms freigeben.

16. Alle Arten von Produktunterstützung

Alle Arten von Produktunterstützung werden im WooCommerce Mobile App Builder für Android / iOS als einfache, virtuelle, konfigurierbare, gebündelte und gruppierte Produkte bereitgestellt.

17. Mehrere Versandarten

WooCommerce Mobile App Creator ist kompatibel mit alle Versandarten in Ihrem Geschäft erhältlich.

18. Sprachsuche

Voice Search Die Option des WooCommerce Mobile App Builders ermöglicht es den Benutzern, die Store-Produkte nahtlos zu durchsuchen. Diese Funktion fehlt auf der iOS-Plattform.

19. Vereinfachte Kasse

Vereinfachte Kasse Diese Funktion vereinfacht den Bestellvorgang. Die mobile WooCommerce-App macht das Einkaufen für die Benutzer so ziemlich einfach und macht Spaß.

20. Sendungsverfolgung

Android / iOS Mobile App Creator für WooCommerce bietet Sendungsverfolgung Funktion in mobilen Apps. Benutzer können bei Bedarf den aktualisierten Status ihrer Bestellung abrufen.

1.2 Zusätzliche Händlervorteile von WooCommerce Mobile App Maker für Android / iOS

  • Mit dem WooCommerce Mobile App Builder können Sie mühelos Ihre eigene Android / iOS eCommerce Mobile App erstellen.
  • Mit der Unterstützung für mehrere Sprachen und Währungen ermöglicht der App Builder dem Administrator, sein Geschäft zu lokalisieren und einen weltweiten Kundenstamm zu erschließen.
  • Die Echtzeitsynchronisation, die der WooCommerce Mobile App Maker bietet, reduziert den manuellen Aufwand für den Store-Administrator.
  • Die eCommerce-Apps unterstützen alle Arten von Produkten, Versand- und Zahlungsmethoden.
  • Push-Benachrichtigungen, die vom Entwickler der mobilen WooCommerce-App bereitgestellt werden, erhöhen die Kundenbindung und die Conversion-Rate.
  • Der WooCommerce App Maker wird mit einem kostenlosen Support von drei Monaten ausgeliefert.

2.0

Möchten Sie sehen, wie diese Funktionen in der Anwendung funktionieren? Wir haben unseren Demo-Store in die Anwendung integriert, in dem Sie die App erkunden und alle Funktionen und Funktionen der App kennenlernen können. Sie müssen nur die folgenden Anweisungen befolgen:

  1. Downloaden und installieren Sie das Nautica WooCommerce Mobile App aus dem Google Play Store. Sie können es leicht finden, indem Sie im Google Play Store nach dem Stichwort "Nautica" suchen.
  2. Öffne die App und klicke auf "Demo ansehen"Button wie abgebildet:

woocommerce-App-Demo

  1. Der Startbildschirm der App enthält den Inhalt unseres Demo-Stores, wie im folgenden Schnappschuss dargestellt:

Woocommerce-App-Home-Bildschirm

2.1 Wie teste ich meinen Shop als WooCommerce Mobile App?

Mit dem WooCommerce Mobile App Maker von Knowband können Sie sogar Ihr Geschäft in der Anwendung erleben. Diese einfachen Schritte führen Sie durch den Prozess zum Testen Ihres Shops auf einer Android- oder iOS-Anwendung:

Schritt 1. Herunterladen kostenloser WooCommerce Android App Builder or kostenloser WooCommerce iOS App Builder aus dem Knowband Store.

Step2. Installieren Sie die mobile WooCommerce-Demo-App von der Google Play Store or Apple App Store gemäß Ihrem Testgerät.

Schritt 3. Geben Sie die Geschäfts-URL auf dem Begrüßungsbildschirm der Anwendung ein und durchsuchen Sie Ihr Geschäft in der mobilen Anwendung. Wir hoffen, dass Ihnen die Demo der mobilen eCommerce-App gefallen hat und dass Sie zufrieden waren. Dies ist der richtige Zeitpunkt, um die kostenpflichtige Version der mobilen App mit freigeschalteten Funktionen zu erhalten.

2.2 Wie bekomme ich den WooCommerce Mobile App Builder?

Befolgen Sie diese vier einfachen Schritte, um Ihre App fertig zu stellen:

woocommerce-App-Entwicklung

Mit dem WooCommerce Mobile App Builder können Ladenbesitzer einfacher mobil werden. Führen Sie die folgenden Schritte aus, um Ihre eigene mobile Anwendung zu erstellen:

Schritt 1. Zunächst müssen Sie das WooCommerce Mobile App Builder-Modul von Knowband erwerben. Sie können es von bekommen hier.

Schritt 2. Sobald Sie das WooCommerce-Plug-in für Android / iOS-Mobilanwendungen gekauft haben, wird ein angezeigt Formular für die Voraussetzungenund frage nach Details zu deiner App. Sie werden aufgefordert, die folgenden Dinge mit uns zu teilen:

  • Startbild (1280
  • Anwendungssymbol (512
  • Themenfarbe (Blau, Orange, Grün, Schwarz)
  • Webadresse
  • Webseiten-Name
  • Gewünschter Name der Social Login Option von Facebook und Google.

Schritt 3. Unser Entwicklungsteam passt die mobile Anwendung gemäß den Angaben im Fragebogen an. Die APK-Datei für die App wird nach der Anpassung für Sie freigegeben.

Schritt 4. Jetzt können Sie diese mobile Anwendungsdatei (apk) auf veröffentlichen

3.0 WooCommerce Mobile App Builder

Die folgenden vier Schritte führen Sie durch den gesamten Prozess der Modulinstallation:

Schritt 1: Nach dem Kauf des WooCommerce Mobile App Builder-Moduls erhalten Sie die folgenden Dateien:

  1. Komprimierte Datei im ZIP-Format (enthält den Quellcode des Plugins)
  2. Benutzerhandbuch

Schritt 2: Gehen Sie zum Dashboard von WordPress-> Plugin-> Neu hinzufügen

Wocommerce-Modul-Dashboard

Schritt 3: Sie werden zu einer neuen Benutzeroberfläche weitergeleitet. Klicken Sie auf Plugin hochladen.

Upload-Plugin

Schritt 4: Im nächsten Fenster werden Sie aufgefordert, die Datei hochzuladen. Klicken Sie auf Datei auswählen und laden Sie die komprimierte Datei hoch.

Laden Sie die gezippte Datei hoch

Das ist es. Sie haben das Modul erfolgreich installiert.

4.0-Webmodul-Bildschirme

WooCommerce Mobile App Builder lässt sich ganz einfach über das Backend verwalten. Die Konfiguration erfordert nur wenige Mausklicks und das Umschalten der Schaltflächen über das Backend.

4.1 General Setting

Die allgemeinen Einstellungen enthalten die folgenden Konfigurationsoptionen von WooCommerce Mobile App Maker:

Allgemein-Einstellungen

  • Plugin aktivieren: Wenn Sie den WooCommerce Mobile App Creator aktivieren, funktioniert das Modul und es wird eine Verbindung zwischen der Mobile App und Ihrem Geschäft hergestellt.
  • Aktivieren Sie das Anforderungsprotokoll-Reporting (optional): Aktivieren Sie die Protokollberichterstellung, um den Bericht über abnormales Verhalten der Anwendung abzurufen.
  • Live-Chat-Unterstützung aktivieren (optional): Das Aktivieren der Live-Chat-Support-Funktion spiegelt die Live-Chat-Option in der Anwendung wider. Nach dem Aktivieren dieser Funktion müssen die Chat-API-Schlüssel eingegeben werden.

Allgemein-Einstellungen

  • Kategorie Bildbreite: Geben Sie die Breite der in der Anwendung angezeigten Kategoriebilder ein.
  • Kategorie Bildhöhe: Geben Sie die Höhe der in der Anwendung angezeigten Kategoriebilder ein.
  • Produktbildbreite: Geben Sie die Breite der in der App angezeigten Produktbilder ein.
  • Produkt Bild Höhe: Geben Sie die Höhe der in der Anwendung angezeigten Produktbilder ein.
  • Startdatum, ab dem Produkte als neu angesehen werden: Geben Sie das Datum ein, ab dem Ihre Shop-Produkte in der Anwendung als Neuankömmlinge gelten sollen.
  • Anzahl der als neu zu betrachtenden Produkte: Sie können die Anzahl der Produkte eingeben, die in der Anwendung als neu angezeigt werden sollen.

4.2-Push-Benachrichtigungseinstellungen

Der WooCommerce Mobile App Maker bietet den Push-Benachrichtigungsdienst in Ihrer Anwendung, um Ihre Produkte zu vermarkten. Diese Benachrichtigungen können über das Back-End des WooCommerce-Moduls für Android / iOS Mobile App Maker vollständig angepasst werden.

Push-Benachrichtigungen-Einstellungen

  1. Firebase Server Key: Um die Push-Benachrichtigungen für die Anwendung zu konfigurieren, benötigen Sie den Firebase Server-Schlüssel. Sie können eine Push-Benachrichtigung an eine bestimmte Anwendung senden.

Hinweis:?In order to get the?Firebase Server Keyfinden Sie unter dem unten genannten Link:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#creating-a-project-at-firebase-console

  1. Benachrichtigung über Auftragserfolg aktivieren / deaktivieren: Aktivieren / Deaktivieren der Push-Benachrichtigung für die neuen Bestellungen von Benutzern.?Geben Sie den Titel und die Nachricht ein, die nach erfolgreicher Bestellung in der Push-Benachrichtigung gesendet werden sollen.
  1. Benachrichtigung zur Aktualisierung des Bestellstatus aktivieren / deaktivieren: Aktivieren / Deaktivieren Sie die Push-Benachrichtigung, um die Kunden über die Änderung des Bestellstatus zu informieren. Geben Sie den Titel und die Nachricht ein, die in der Push-Benachrichtigung für den aktualisierten Auftragsstatus gesendet werden sollen.
  1. Benachrichtigung über verlassenen Einkaufswagen aktivieren / deaktivieren: Aktivieren / Deaktivieren Sie Push-Benachrichtigungen für den Warenkorb, der vom Benutzer aufgegeben wurde. Geben Sie den Titel und die Nachricht ein, die die App-Benutzer in der Push-Benachrichtigung für den verlassenen Einkaufswagen senden müssen.
  1. Zeitintervall: Dies ist ein Zeitintervall (in Stunden) zum Senden der Push-Benachrichtigung für den verlassenen Einkaufswagen an die Benutzer, die Artikel in ihrem Einkaufswagen haben.

4.3-Push-Benachrichtigungsverlauf

Push-Benachrichtigungen können Ihre Geschäftsprodukte problemlos an jeden Ort bringen, den Sie jemals erreichen möchten. Die Push-Benachrichtigungen, die in WooCommerce Mobile App Creator angeboten werden, können über die Back-End-Oberfläche vollständig angepasst werden. Der Administrator kann neue Benachrichtigungen erstellen, indem er auf die Schaltflächen "Benachrichtigung senden" klickt (siehe unten):

Push-BenachrichtigungsverlaufBenachrichtigung senden:

Diese Option öffnet das Popup-Fenster, in dem Sie die Push-Benachrichtigung gemäß den Anforderungen konfigurieren können.

Benachrichtigung senden

  1. Titel der Push-Benachrichtigung: Der Titel der Push-Benachrichtigung, die an die Benutzer gesendet werden muss.
  1. Nachricht der Push-Benachrichtigung: Die Nachricht, die in der Push-Benachrichtigung gesendet werden muss.
  1. Bild:- Wählen Sie das relevante Bild für die Push-Benachrichtigung aus.
  1. Umleitungsaktivität: Die Anwendungsseite, auf der der Benutzer umgeleitet wird, nachdem er auf die Push-Benachrichtigung geklickt hat. Es gibt drei Möglichkeiten:
  • Home
  • Kategorie
  • Produkt
  1. Wählen Sie die Kategorie / Produkt: Sie müssen die Kategorie / das Produkt basierend auf der Art der Auswahl der Weiterleitungsaktivität auswählen.
  1. Benachrichtigung senden: Über diese Schaltfläche wird die oben konfigurierte Benachrichtigung gesendet.

4.4-Diashow-Einstellung

Die Schieberegler werden oben in der Anwendung angezeigt und können über das Backend konfiguriert werden.

Diashow-Einstellungen

  1. Aktivieren deaktivieren: Aktivieren / Deaktivieren Sie die Diashow in der Anwendung über das Back-End des WooCommerce Mobile App Maker.
  1. Grenze: Sie können sogar festlegen, wie viele Bilder in der Diashow angezeigt werden.
  1. Bild breite: Stellen Sie die Breite der in der Diashow verwendeten Bilder ein.
  1. Bildhöhe: Stellen Sie die Höhe der in der Diashow verwendeten Bilder ein.
  1. Verbindungstyp: Die App-Seite, die Sie mit den Schiebereglern verknüpfen möchten. Es gibt zwei Möglichkeiten:
  • Kategorie
  • Produkt
  1. Link zu: Wählen Sie eine bestimmte Kategorie oder ein Produkt aus, das Sie mit der Folie verknüpfen möchten.
  1. Sortierreihenfolge: Mit der Sortierreihenfolge können Sie die Reihenfolge festlegen, in der die Schieberegler in der Anwendung angezeigt werden.
  1. Aktion: Sie können die Folien bei Bedarf sogar entfernen.
  1. Neue hinzufügen: Wenn Sie auf die Option "Neu hinzufügen" klicken, können Sie der Diashow eine neue Folie hinzufügen. Sie müssen den Schieberegler verknüpfen und ein Bild hinzufügen.

4.5-Banner-Einstellung

Banner werden direkt unter den Schiebereglern auf der Homepage angezeigt. Sie können die Banner im Backend konfigurieren und sogar beliebig viele hinzufügen.

Banner-Einstellungen

  1. Aktivieren deaktivieren: Aktivieren / Deaktivieren Sie die Banner in der Anwendung im Back-End des WooCommerce Mobile App Makers.
  1. Grenze: Sie können sogar festlegen, wie viele Banner in der Anwendung angezeigt werden.
  1. Bild breite: Stellen Sie die Breite der in den Bannern verwendeten Bilder ein.
  1. Bildhöhe: Stellen Sie die Höhe der in den Bannern verwendeten Bilder ein.
  1. Verbindungstyp: Die App-Seite, die Sie mit den Bannern verknüpfen möchten. Es gibt zwei Möglichkeiten:
  • Kategorie
  • Produkt
  1. Link zu: Wählen Sie eine bestimmte Kategorie oder ein Produkt aus, das Sie mit dem Banner verknüpfen möchten.
  1. Sortierreihenfolge: Mit der Sortierreihenfolge können Sie die Reihenfolge festlegen, in der die Banner in der Anwendung angezeigt werden.
  1. Aktion: Sie können die Banner bei Bedarf sogar entfernen.
  1. Neue hinzufügen: Wenn Sie auf die Option "Neu hinzufügen" klicken, können Sie der Diashow eine neue Folie hinzufügen. Sie müssen den Schieberegler verknüpfen und ein Bild hinzufügen.

4.6 Zahlungsmethoden

WooCommerce App Maker für Android / iOS unterstützt alle Arten von Zahlungsmethoden. PayPal- und Nachnahmezahlungsoptionen sind standardmäßig in den Apps enthalten.

Zahlungsmethoden

  1. PayPal aktivieren / deaktivieren: Sie können die PayPal-Zahlungsmethode aktivieren / deaktivieren, indem Sie im Hintergrund auf die Schaltfläche klicken.
  1. Auswahlmodus: Sie können die native Zahlungsumgebung aus der Sandbox oder der Live-Option auswählen. Mit diesen Einstellungen können die Benutzer die Zahlungsmethoden testen, bevor sie fortfahren.
  1. Kunden ID: Geben Sie die entsprechende Kunden-ID des PayPal-Händlerkontos ein. Es gibt das Konto an, auf das die Zahlung bei der Bestellung zu leisten ist.
  1. Nachnahme aktivieren / deaktivieren: Sie können die Zahlungsart Nachnahme über das Backend aktivieren / deaktivieren.

4.7 Vorgestellte Produkte

Empfohlene Produkte werden unter der Diashow auf der Startseite der Anwendung angezeigt. Sie können sie einfach über das Backend konfigurieren.

vorgestellten-produkte

  1. Vorgestellte Produkte aktivieren / deaktivieren: Klicken Sie auf die Schaltfläche, um die vorgestellten Produkte in der Anwendung zu aktivieren / deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die unter den empfohlenen Produkten angezeigt werden.
  1. Produktbildbreite: Sie können die Breite des Produktbilds einstellen.
  1. Produkt Bild Höhe: Sie können die Höhe des Produktbilds einstellen.

4.8 Spezialprodukte

Spezielle Produkte werden unter den vorgestellten Produkten im horizontalen Bildlauf angezeigt.

Spezielle Produkte

  1. Specials aktivieren / deaktivieren: Klicken Sie auf die Schaltfläche, um die speziellen Produkte in der Anwendung zu aktivieren / deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die unter Specials angezeigt werden.
  1. Produktbildbreite: Sie können die Breite des Produktbilds einstellen.
  1. Produkt Bild Höhe: Sie können die Höhe des Produktbilds einstellen.

4.9 Bestseller-Produkte

Bestseller-Produkte Ihres Shops werden beim horizontalen Scrollen direkt unter den Sonderangeboten angezeigt. Sie können sie wie im Schnappschuss dargestellt konfigurieren:

Bestseller-Produkte

  1. Specials aktivieren / deaktivieren: Klicken Sie auf die Schaltfläche, um die Bestseller-Produkte in der Anwendung zu aktivieren / deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die als Bestseller erscheinen.
  1. Produktbildbreite: Sie können die Breite des Produktbilds einstellen.
  1. Produkt Bild Höhe: Sie können die Höhe des Produktbilds einstellen.

4.10 Neueste Produkte

Die neuesten Produkte werden unten auf der Startseite angezeigt und können wie folgt konfiguriert werden:

Neueste Produkte

  1. Specials aktivieren / deaktivieren: Klicken Sie auf die Schaltfläche, um die neuesten Produkte in der Anwendung zu aktivieren / deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die als neueste Produkte angezeigt werden.
  1. Produktbildbreite: Sie können die Breite des Produktbilds einstellen.
  1. Produkt Bild Höhe: Sie können die Höhe des Produktbilds einstellen.

4.11-Informationsseiten

Mit der mobilen WooCommerce-App kann der Store-Administrator auch verschiedene CMS-Seiten und die zugehörigen Details anzeigen. Der Administrator kann sogar eine neue Seite hinzufügen, wenn dies erforderlich ist.Informationsseiten

4.12 Google Login

WooCommerce Mobile App Maker bietet eine Google-Anmeldeoption in der Mobile App für eine nahtlose Benutzeranmeldung und -registrierung.

google-login

  1. Aktivieren / Deaktivieren der Google-Anmeldung: Sie können die Google-Anmeldeoption über das Backend-Modul aktivieren / deaktivieren.
  2. Google JSON-Datei: Laden Sie die Google JSON-Datei hoch.

4.13 Facebook Login

Mit WooCommerce Mobile App Creator können Sie App-Benutzern eine einfache und schnelle Facebook-Anmeldung bereitstellen.

Facebook Login

  1. Aktivieren / Deaktivieren der Facebook-Anmeldung: Sie können die Facebook-Anmeldeoption über die Administrationsoberfläche des WooCommerce Mobile App Builder-Moduls aktivieren / deaktivieren.
  1. Facebook App ID: Geben Sie die App-ID Ihrer erstellten Facebook-Anwendung ein.

4.14-Beispieldaten

Beispieldaten werden auch im Back-End von WooCommerce Mobile App Creator bereitgestellt. Es ermöglicht allen neuen Ladenbesitzern, die vollständigen Standarddaten mit einem einzigen Klick zu füllen.

Beispielseiten

5.0 Mobile App-Bildschirme

5.1-Begrüßungsbildschirm

Der Begrüßungsbildschirm ist der erste Bildschirm Ihrer App, der den Benutzern angezeigt wird. Am unteren Ende des Begrüßungsbildschirms befindet sich die Demo-Option, mit der erläutert wird, wie Sie das Design der Anwendung anpassen können.

Splash-Screen-

1. Themenfarbe –

Standardmäßig sind vier Themenfarben verfügbar. Sie können jedoch eine neue hinzufügen, indem Sie auf die Option "+" klicken, wenn eine benutzerdefinierte Farbe erforderlich ist.

2. Sprache auswählen –

WooCommerce Mobile App Creator unterstützt alle Muttersprachen. Wir haben standardmäßig die internationalen Sprachen 18 + in die Anwendung integriert. Wenn Sie eine andere Sprache in die Liste aufnehmen möchten, können wir diese kostenlos einbinden.

3. Schriftart wählen –

Standardmäßig stellt WooCommerce Mobile App Maker 12 + -Schriften zur Verfügung, und Sie können jede dieser Schriften auswählen. Wenn Sie eine andere Schriftart für Ihre App wünschen, können wir diese kostenlos hinzufügen.

4. Shop anzeigen –

Sie können Ihr Geschäft auch anzeigen, indem Sie Ihre Geschäfts-URL in das erforderliche Feld eingeben.

5. Demo ansehen –

Wir haben die mobile eCommerce-App standardmäßig in unseren Demo-Store integriert. Sie können die App-Funktionen und -Funktionen mit der Demo-Option testen.

5.2-Startbildschirme

Die intuitiven Produkt- und Kategoriebildschirme mobiler Apps haben die Benutzer dazu gebracht, in Ihrem Geschäft zu stöbern. Mal sehen, auf welche Startbildschirme Sie stoßen, wenn Sie den Store installiert haben:

1. Menübildschirm

Sie können das Menü anzeigen, indem Sie auf die Navigationsleiste links auf dem Startbildschirm der mobilen WooCommerce-App klicken. Das Menü bietet Benutzern die folgenden Optionen:

1. Mein Konto:Home-Bildschirm

Benutzer haben Zugriff auf ihr Konto, in dem sie ihren Bestellverlauf anzeigen oder ihre Kontodetails aktualisieren können.

2. Kategorien:?

Benutzern das Anzeigen von Kategorien in zwei Ebenen erlauben Benutzer können hier eine Kategorie auswählen und die Produkte auf dem Produktlistenbildschirm des ausgewählten Bildschirms anzeigen.

3. Über uns:

Ermöglicht Benutzern das Anzeigen der Seite "Store About Us".

4. Kontaktiere uns:

Ermöglicht Benutzern das Anzeigen der Kontaktseite zum Geschäft.

5. Einloggen Ausloggen:

Ermöglicht dem Benutzer das An- und Abmelden seines Geschäftskontos.

2. Schieberegler:

Am oberen Rand des Startbildschirms werden Schieberegler angezeigt. Slider bestehen aus verschiedenen Werbebildern, die nach einem festgelegten Zeitintervall ab einer Diashow gewechselt werden. Sie können die Anzahl der am Frontend angezeigten Folien ganz einfach anpassen. Diese Schieberegler leiten Ihre Benutzer im Wesentlichen zum jeweiligen Produkt- oder Kategoriebildschirm der Anwendung weiter.Schieberegler und Banner

Hinweis: Stellen Sie sicher, dass die Schieberegler im Backend aktiviert sind. Behalten Sie die Größe der zu verwendenden Bilder in der Größe 400 * 600 bei, um eine klare Bildvorschau in der App zu erhalten.

3. Banner:

Banner werden direkt unter den Schiebereglern angezeigt. Mithilfe dieser Bannerbilder können Sie den Benutzer zu einer Kategorie oder einem Produktbildschirm weiterleiten. Alle erforderlichen Konfigurationseinstellungen befinden sich in der Backend-Oberfläche von WooCommerce Mobile App Maker.

Hinweis: Stellen Sie sicher, dass das Banner-Modul im Store aktiviert ist und die Größe der Banner> = (600 * 400) w * h sein muss, um eine klare Bildvorschau in der mobilen eCommerce-App zu erhalten.

4. Vorgestellte Produkte:

Die Sammlung der vorgestellten Produkte wird direkt unter den Bannern in Form eines Gitters angezeigt. vorgestellte-und-spezielle-produkteDiese

?5.

Die neuesten Ankünfte in Ihrem Geschäft werden unter den vorgestellten Produkten im horizontalen Bildlauf angezeigt. Dies sind dieselben Produkte, die in Ihrer Storefront sichtbar sind. Die Benutzer können einfach einen Bildlauf durchführen und die neuesten Produkte Ihres Geschäfts anzeigen.

6. Spezielle Produkte:

Gleich unter den Neuzugängen befinden sich die Spezialprodukte Ihres Shops. Diese werden auch im horizontalen Bildlauf angezeigt und sind die gleichen Produkte, die in Ihrer Storefront angezeigt werden.

Spezialprodukte

7. Bestseller-Produkte:

Bestseller-Produkte werden unterhalb der Sonderprodukte auf dem Startbildschirm angezeigt. Dies sind die gleichen Produkte, die in Ihrer Storefront angezeigt werden. Bestseller-Produkte werden horizontal angezeigt, so dass der Benutzer problemlos scrollen und mehr Produkte finden kann.

8. Suche:

Oben rechts auf dem Bildschirm befindet sich ein Suchsymbol. Benutzer können einfach auf das Symbol klicken und Produkte suchen.

9. Einkaufswagen:

In der Nähe des Suchsymbols befindet sich das Warenkorbsymbol auf der Startseite des Bildschirms. Benutzer können das in ihrem Warenkorb gespeicherte Produkt von hier aus anzeigen und verwalten.

5.3-Kategorie

Benutzer können einfach auf den Kategorieseiten landen, indem sie eine der Kategorienoptionen aus dem Menü auf dem Startbildschirm auswählen. In der mobilen WooCommerce-App können Sie ganz einfach alle Geschäftskategorien anzeigen. Es besteht auch die Möglichkeit, nicht kategorisierte Produkte in der Anwendung anzuzeigen. Der Abschnitt "Kategorien" enthält folgende Funktionen:Kategorie-Seite-Bildschirm

Benutzer werden zum Kategoriebildschirm navigiert, indem sie eine Kategorie aus dem Menü auf dem Startbildschirm auswählen. Der Kategoriebereich bietet verschiedene Funktionen:

1. Sortieren:

Mit der Sortierfunktion können die Benutzer die Produkte nach Preis, Farbe oder Größe sortieren (hoch nach niedrig oder niedrig nach hoch).

2. Filter:

Benutzer können die Produkte anhand von Attributen wie Preis, Farbe, Größe usw. filtern.

3. Produktliste:

Kategorieprodukte werden in der Rasteransicht aufgelistet. Benutzer können einfach unten scrollen und erhalten die gesamte Sammlung von Produkten.

5.4-Sortierung

Sortierfunktion

5.5-Filter

Produktfilterfunktion

5.6 Suche

Benutzer können einfach jedes im Geschäft verfügbare Produkt durchsuchen, indem sie das entsprechende Schlüsselwort in das Suchsymbol eingeben.

Produkt-Suchfunktion

5.7 Produkt

Der mobile E-Commerce-App-Hersteller für WooCommerce unterstützt alle Arten von Produkten. Auf dem Bildschirm "Produkt" können Benutzer Produktdetails wie Produktabbildung, Beschreibung und Attribute (Größe oder Farbe) anzeigen.

Produktseite-Bildschirm

1. Produktoption und Beschreibung:

Benutzer können einfach jedes im Geschäft verfügbare Produkt durchsuchen, indem sie das entsprechende Schlüsselwort in das Suchsymbol eingeben.

2. In den Warenkorb legen:

Benutzer können das Produkt einfach in ihren Warenkorb legen, indem sie auf die Schaltfläche In den Warenkorb klicken, die am unteren Bildschirmrand angezeigt wird.

3. Produktfreigabe:

Benutzer können die Produktverknüpfungen auch mit anderen teilen, indem sie auf die Produktfreigabeoption klicken.

5.8 Einkaufstasche

Der Warenkorb der mobilen eCommerce-App ermöglicht es den Benutzern, alle in der Tasche gespeicherten Produkte zum Kauf anzuzeigen.

1. Produktliste:Einkaufstasche

Benutzer können auf einfache Weise alle im Warenkorb enthaltenen Produkte zusammen mit ihrem Preis sehen.

2. Menge aktualisieren:

Benutzer können die Produktmenge sogar direkt im Warenkorb aktualisieren, indem sie auf die Option Menge aktualisieren klicken.

3. Aus dem Warenkorb entfernen:

Es besteht auch die Möglichkeit, das Produkt aus dem Warenkorb zu entfernen.

4. Mit dem Einkaufen fortfahren:

Durch Klicken auf die Option Einkauf fortsetzen werden die Benutzer zur Startseite weitergeleitet, um weitere Produkte zu durchsuchen.

5. Weiter zur Kasse:

Benutzer können direkt zur Checkout-Seite wechseln, indem sie auf die Option Continue To Checkout klicken.

5.9 Checkout

WooCommerce Mobile App Maker bietet Ihren Benutzern einen vereinfachten Checkout-Ansatz. Der Checkout-Bildschirm enthält Informationen zu Versanddetails, Rechnungsdetails, Bestellzusammenfassung, Versandmethoden und Gesamtzahlungszusammenfassung.

1. Lieferanschrift:App-Checkout

Benutzer können die vollständigen Versanddetails auf diesem Bildschirm anzeigen

Lieferadresse hinzufügen / bearbeiten:

Benutzer können die Versanddetails des Produkts bearbeiten und sogar eine neue hinzufügen.

2. Rechnungsadresse:

Es werden sogar alle vom Benutzer ausgewählten Rechnungsdetails angezeigt.

Rechnungsadresse hinzufügen / bearbeiten:

Benutzer können sogar die im Warenkorb hinzugefügten Produkte zusammen mit der vollständigen Zusammenfassung anzeigen.

3. Bestellübersicht:

Bietet Details zu den Produkten, die der Benutzer dem Warenkorb hinzugefügt hat.

4. Kommentar bestellen:App-Checkout-Bildschirm

Benutzer können sogar Bestellkommentare schreiben, die für den Store-Administrator im Backend sichtbar sind.

5. Zahlungsübersicht:

Es liefert das vollständige Detail der Gesamtkosten des Einkaufswagens.

6. Weiter zur Zahlung:

Benutzer können zur Zahlungsseite wechseln, indem sie einfach auf die Option Weiter zur Zahlung klicken.

7. Weiter zur Zahlung:

Benutzer können zur Zahlungsseite wechseln, indem sie einfach auf die Option Weiter zur Zahlung klicken.

5.10-Zahlung

Auf dem Zahlungsbildschirm kann der Benutzer in der Liste alle verfügbaren Zahlungsoptionen zur Auswahl finden. WooCommerce Mobile App Creator unterstützt alle Arten von Zahlungsmethoden und ermöglicht es dem Store-Administrator sogar, neue aus dem Backend hinzuzufügen. Wir haben standardmäßig zwei native Zahlungsmethoden integriert: PayPal und Nachnahme. Benutzer können einfach auf die Option Zahlung ausführen klicken, um die Transaktion abzuschließen.

Eingebaute Zahlungsmethoden ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
Zahlungsmethoden

Ihre Shop Zahlungsmethoden

Zahlung per Überweisung

5.11-Login

Der mobile WooCommerce-App-Hersteller für Android / iOS bietet schnelle Anmeldeoptionen für soziale Netzwerke. Die Facebook- und Google-Anmeldung wird in den mobilen Apps von eCommerce bereitgestellt. Dies vereinfacht den Anmelde- und Registrierungsprozess für die Benutzer der eCommerce-App.

1. Anmeldung:App-Social-Login

Benutzer können auf die App zugreifen, indem sie die Anmeldeinformationen der Benutzer eingeben.

2. Anmelden:

Die Anmeldeoption für jeden neuen App-Benutzer besteht darin, ein neues Konto zu erstellen, indem Sie die erforderlichen Details eingeben.

3. Passwort vergessen:

Mit der mobilen E-Commerce-App können Benutzer das verlorene Passwort mit der Option "Passwort vergessen" wiederherstellen.

4. Facebook Login:

Benutzer können sich anmelden und die App mit ihrem Facebook-Konto durchsuchen.

5. Google Login:

Benutzer können sich auch anmelden und die App mit ihrem Google-Konto durchsuchen.

Hinweis:

  1. Um eine Facebook-App zu erstellen und die App-ID zu erhalten, klicken Sie auf den folgenden Link:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-facebook-app-for-android-will-be-provided-by-knowband

  1. Informationen zum Erstellen von Google App finden Sie unter folgendem Link:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-google-app-for-android-will-be-provided-by-knowband

5.12 Mein Konto

Auf dem Bildschirm "Mein Konto" der mobilen WooCommerce Android / iOS-App können die Benutzer ihre vollständigen Kontodetails anzeigen. Es enthält auch die Liste aller früheren Bestellungen der Benutzer. Mein Konto hat folgende Funktionen:

1. Bestellverlauf:

Liefert die Details der Bestellung (en), die der Benutzer aufgibt, wie Bestellnummer, Datum der Übermittlung, Bestellstatus.Mein-Konto-Bildschirm

2. Profil aktualisieren:

Benutzer dürfen ihre persönlichen Daten aktualisieren. Benutzer können ihren in der Anwendung gespeicherten Namen und ihr Kennwort aktualisieren.

3. Lieferanschrift:

Benutzer können alle gespeicherten Adressen direkt anzeigen, indem sie auf die Option Lieferadressen klicken.

4.

Benutzer können bei Bedarf die vollständigen Details der zuvor erteilten Bestellungen als Bestellnummer, Bestellstatus usw. anzeigen.

5. Nachbestellungsfunktion:

Mit der Nachbestellungsfunktion können Benutzer die zuvor bestellten Produkte direkt über den Bildschirm "Mein Konto" kaufen.

5.13-Auftragsdetail

Auf dem Bestelldetailbildschirm der mobilen WooCommerce-App können die Benutzer ihre zuvor in der App getätigten Bestellungen suchen und nachverfolgen. Es enthält vollständige Informationen zum Bestellstatus, zur Lieferadresse, zu den Zahlungsdetails und zu den Gesamtkosten.

Bestelldetails

5.14 Adresse hinzufügen

Bei Bedarf können Benutzer bequem neue Lieferadressen direkt über die mobile App hinzufügen.Neue Lieferadresse hinzufügen?Watch the complete functionalities of WooCommerce Mobile App Maker plugin in this Videoanleitung ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??


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 *