WooCommerce Mobile App Builder – Benutzerhandbuch


woocommerce-mobile-app-builder

1.0 Einführung

Wir alle sind wachsam gegenüber der Tatsache, dass mobile Shopping-Apps eine ziemlich wichtige Rolle für Online-E-Commerce-Shops spielen. Jeder führende Online-Händler konzentriert sich irgendwo darauf, seinen Online-Shop auf die mobile Plattform zu bringen. Wenn Sie ein WooCommerce-Onlineshop sind, konvertiert dieses Plugin ihn in native Android- und iOS-Apps. Eigentlich ist der WooCommerce Mobile App Builder ein automatisiertes Framework, um fertige mobile Apps für Ihr Geschäft zu erhalten. Es hält den Store vollständig mit den Apps synchronisiert. Mit einfachen Worten, die Apps funktionieren nur auf dem Server und der Datenbank Ihrer Website. Es sind keine manuellen Anstrengungen erforderlich. Alle müssen diese 3 einfachen Schritte befolgen:

SCHRITTE: Kaufen Sie die Erweiterung und installieren Sie sie im Store.
SCHRITTE: Füllen Sie unser Voraussetzungsformular aus.
SCHRITTE: Überprüfen und veröffentlichen Sie sie in den App Stores. Diese Erweiterung reduziert die Notwendigkeit eines Desktops/Laptops, um Produkte online einzukaufen. WooCommerce Mobile Apps bieten ein viel einfacheres und effektiveres Einkaufsmedium für alle Smartphone-Nutzer. Mit einwandfreiem Funktionieren und unglaublichen Funktionen überbrückt eine mobile E-Commerce-App die Lücke zwischen Administrator und Benutzern. Starten Sie daher mit einer so erstaunlichen Lösung für Ihr Unternehmen ein Paar Ihrer eigenen Shopping-Apps und steigern Sie Umsatz und Umsatz.

Modullink: https://www.knowband.com/woocommerce-mobile-app-builder
Kontakt: support@knowband.com

1.1 Funktionen der mobilen WooCommerce-App

Die mobilen E-Commerce-Apps mit dieser Erweiterung bieten viele herausragende Funktionen sowohl für Administratoren als auch für Käufer mobiler Apps. Einige wichtige sind unten aufgeführt:

  • Vollständig codefreie native Apps
  • Nahtlose Integration mit der Website
  • Vollständige Anpassung des Startbildschirms
  • Attraktive Farb- und Schriftschemata
  • Sowohl Smartphone- als auch Tablet-Optimierung
  • Echtzeitsynchronisation
  • Automatische Bestandsverwaltung
  • Mehrsprachige und RTL-Sprachunterstützung
  • Google- und Facebook-Anmeldung
  • Telefonnummer (OTP) und Anmeldung per Fingerabdruck
  • Alle Website-Zahlungsunterstützung
  • Alle Website-Versandunterstützung
  • Eine Seite zur Kasse
  • Freundliches Admin-Panel
  • Unterstützung für mehrere Währungen
  • Zopim (Zendesk) & WhatsApp-Chat
  • Coupon & Gutschein Unterstützung
  • Soziales Teilen von Produkten
  • Sprachsuche (Android)
  • Sendungsverfolgung
  • Unbegrenzte Push-Benachrichtigungen
  • Benutzerdefinierte untere Registerkartenleiste
  • Geschichtete Navigation … und vieles mehr.

Abgesehen von diesen Funktionen bietet diese Erweiterung einige überzeugende Vorteile:

  • Einmalige Zahlung
  • Keine versteckten oder Abonnementgebühren
  • 3 Monate KOSTENLOSER Support (Auch für 6, 12 Monate verfügbar)
  • Offen für jede Anpassung
  • Offen für jede Modulintegration
  • Vollständige Unterstützung von der App-Erstellung bis zur Veröffentlichung
  • Beinhaltet die Veröffentlichung in App Stores (unter Verwendung Ihres Entwicklerkontos)
  • Monatliche Fehlerbehebungen und neue Updates

2.0� WooCommerce Mobile App-Demo

Möchten Sie sehen, wie diese Funktionen in der Anwendung funktionieren? Wir haben unseren Demo-Store in die Anwendung integriert, wo Sie die App erkunden und alle App-Features und -Funktionalitäten erleben 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 Schlüsselwort „Nautica“ suchen.
  2. Öffnen Sie die App und klicken Sie auf “Demo ansehen“Taste wie abgebildet:

woocommerce-app-demo

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

Woocommerce-App-Startbildschirm

2.1 Wie teste ich meinen Shop als WooCommerce Mobile App?

Mit dem WooCommerce Mobile App Maker von Knowband können Sie Ihren Shop sogar in der Anwendung erleben. Diese einfachen Schritte führen Sie durch den Prozess, um Ihren Shop auf einer Android- oder iOS-Anwendung zu testen:

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 nach Ihrem Prüfgerät.

Schritt 3. Geben Sie die Shop-URL auf dem Begrüßungsbildschirm der Anwendung ein und durchsuchen Sie Ihren Shop in der mobilen Anwendung. Wir hoffen, dass Ihnen die Demo der mobilen E-Commerce-App gefallen hat und sie Sie zufrieden gestellt hat. Dies ist also der richtige Zeitpunkt für Sie, um die kostenpflichtige Version der mobilen App mit freigeschalteten Funktionen zu erhalten. Der nächste Abschnitt führt Sie durch den Vorgang.

2.2 Wie bekomme ich den WooCommerce Mobile App Builder?

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

WooCommerce-App-Entwicklung

Der WooCommerce Mobile App Builder macht es den Ladenbesitzern einfacher, mobil zu werden. Befolgen Sie die unten aufgeführten Schritte, 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 finden.

Schritt 2. Sobald Sie das WooCommerce Android/iOS Mobile App Builder Plugin gekauft haben, wird Ihnen ein angezeigt Formular Voraussetzungen, nach Details zu Ihrer App fragen. Sie müssen die folgenden Dinge mit uns teilen:

  • Startbild (1280�1920 png)
  • App-Symbol (512�512 png)
  • Themenfarbe (Blau, Orange, Grün, Schwarz)
  • Website URL
  • Webseiten-Name
  • Name der gewünschten Social-Login-Option von Facebook und Google.

Schritt 3. Unser Entwicklungsteam wird die mobile Anwendung gemäß den im Fragebogen mitgeteilten Details anpassen. Die APK-Datei für die App wird nach der Anpassung mit Ihnen geteilt.

Schritt 4. Jetzt können Sie diese mobile Anwendungsdatei (apk) selbst im „Google Play Store“ und im Apple Store veröffentlichen oder sie gegen eine geringe Gebühr von uns erledigen lassen.

3.0 WooCommerce Mobile App Builder� Installation

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, wie unten aufgeführt:

  1. Komprimierte Datei im ZIP-Format (Sie 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 Oberflä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 gezippte Datei hoch.

lade-die-gezippte-datei hoch

Das ist es. Sie haben das Modul erfolgreich installiert.

4.0�Admin Panel�Bildschirme

WooCommerce Mobile App Builder lässt sich ganz einfach über das Backend verwalten. Seine Konfiguration erfordert nur wenige Mausklicks und Tastenumschaltungen vom Backend.

4.1 Allgemeine Einstellungen

Allgemeine Einstellungen enthalten die folgenden Konfigurationsoptionen von WooCommerce Mobile App Maker:

Top-Kategorien

  • Plugin aktivieren: Durch Aktivieren des Erstellers der mobilen WooCommerce-App funktioniert das Modul und es wird eine Verbindung zwischen der mobilen App und Ihrem Geschäft hergestellt.
  • Anforderungsprotokollberichte aktivieren (optional): Aktivieren Sie die Protokollberichterstattung, um den Bericht über abnormales Verhalten der Anwendung zu erhalten.
  • Live-Chat-Unterstützung aktivieren (optional): Die Aktivierung der Live-Chat-Supportfunktion spiegelt die Live-Chat-Option in der Anwendung wider. Nachdem Sie diese Funktion aktiviert haben, müssen Sie die Chat-API-Schlüssel eingeben.

Allgemein-Einstellungen

  • Breite des Kategoriebildes: Geben Sie die Breite der Kategoriebilder ein, die in der Anwendung angezeigt werden.
  • Kategorie Bildhöhe: Geben Sie die Höhe der in der Anwendung angezeigten Kategoriebilder ein.
  • Breite des Produktbildes: Geben Sie die Breite der in der App angezeigten Produktbilder ein.
  • Produktbildhöhe: Geben Sie die Höhe der in der Anwendung angezeigten Produktbilder ein.
  • Startdatum, ab dem Produkte als neu gelten: Geben Sie in der Anwendung das Datum ein, ab dem Ihre Shop-Produkte als neu eingetroffen gelten sollen.
  • Anzahl der als neu zu betrachtenden Produkte: Sie können die Anzahl der als neu anzuzeigenden Produkte in der Anwendung eingeben.

4.2 Push-Benachrichtigungseinstellungen

Der WooCommerce Mobile App Maker bietet den Push-Benachrichtigungsdienst in Ihrer Anwendung, um Ihre Produkte zu vermarkten. Diese Benachrichtigungen sind über das Backend des WooCommerce Android/iOS Mobile App Maker-Moduls vollständig anpassbar.

Push-Benachrichtigungen-Einstellungen

  1. Firebase-Serverschlüssel: � Um die Push-Benachrichtigungen für die Anwendung zu konfigurieren, benötigen Sie den Firebase Server-Schlüssel. Es ermöglicht Ihnen, eine Push-Benachrichtigung an eine bestimmte Anwendung zu senden.

Hinweis:�Um die� zu bekommenFirebase-Serverschlüssel, finden 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. Bestellerfolgsbenachrichtigung aktivieren/deaktivieren: ��Aktivieren/Deaktivieren Sie die Push-Benachrichtigung für die neuen Bestellungen, die von Benutzern aufgegeben werden. ,warGeben Sie den Titel und die Nachricht ein, die nach erfolgreicher Bestellung in der Push-Benachrichtigung gesendet werden sollen.
  1. Benachrichtigung über 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 Bestellstatus gesendet werden müssen.
  1. Benachrichtigung über verlassenen Warenkorb aktivieren/deaktivieren: ��Aktivieren/Deaktivieren Sie Push-Benachrichtigungen für den Warenkorb, der vom Benutzer verlassen wurde. Geben Sie den Titel und die Nachricht ein, die von den App-Benutzern in der Push-Benachrichtigung für den verlassenen Warenkorb gesendet werden müssen.
  1. Zeitintervall: ��Dies ist ein Zeitintervall (in Stunden) zum Senden der Push-Benachrichtigung für den verlassenen Warenkorb an die Benutzer, die Artikel in ihrem Warenkorb haben.

4.3 Push-Benachrichtigungsverlauf

Push-Benachrichtigungen können Ihre Shop-Produkte ganz einfach an jeden Ort bringen, den Sie erreichen möchten. Die im WooCommerce Mobile App Creator angebotenen Push-Benachrichtigungen sind über die Backend-Oberfläche vollständig anpassbar. Der Administrator kann neue Benachrichtigungen erstellen, indem er wie unten gezeigt auf die Schaltflächen „Benachrichtigung senden“ klickt:

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 die der Benutzer umgeleitet wird, nachdem er auf die Push-Benachrichtigung geklickt hat. Es gibt drei Möglichkeiten: �
  • Startseite
  • Kategorien
  • Produkt
  1. Wählen Sie die Kategorie/das Produkt: ��Sie müssen die Kategorie/das Produkt basierend auf der Art der Auswahl der Umleitungsaktivität auswählen.
  1. Benachrichtigung senden: ��Diese Schaltfläche wird verwendet, um die oben konfigurierte Benachrichtigung zu senden.

4.4 Diashow-Einstellung

Die Schieberegler werden oben in der Anwendung angezeigt und können vom Backend aus konfiguriert werden.

Diashow-Einstellungen

  1. Aktivieren deaktivieren: Aktivieren/Deaktivieren Sie die Diashow in der Anwendung vom Back-End des Herstellers mobiler WooCommerce-Apps.
  1. Grenze: Sie können sogar die Anzahl der Bilder einstellen, die in der Diashow erscheinen.
  1. Bild breite: Legen Sie die Breite der in der Diashow verwendeten Bilder fest.
  1. Bildhöhe: Stellen Sie die Höhe der in der Diashow verwendeten Bilder ein.
  1. Link-Typ: Die App-Seite, die Sie mit den Schiebereglern verknüpfen möchten. Es hat zwei Möglichkeiten:
  • Kategorien
  • 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 verlinken und ein Bild hinzufügen.

4.5 Bannereinstellung

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

Banner-Einstellungen

  1. Aktivieren deaktivieren: Aktivieren/Deaktivieren Sie die Banner in der Anwendung vom Back-End des Herstellers mobiler WooCommerce-Apps.
  1. Grenze: Sie können sogar die Anzahl der in der Anwendung erscheinenden Banner festlegen.
  1. Bild breite: Legen Sie die Breite der in den Bannern verwendeten Bilder fest.
  1. Bildhöhe: Legen Sie die Höhe der in den Bannern verwendeten Bilder fest.
  1. Link-Typ: Die App-Seite, die Sie mit den Bannern verlinken möchten. Es hat zwei Möglichkeiten:
  • Kategorien
  • 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 verlinken und ein Bild hinzufügen.

4.6 Zahlungsmethoden

WooCommerce Android/iOS Mobile App Maker unterstützt alle Arten von Zahlungsmethoden. Die Zahlungsmöglichkeiten PayPal und Nachnahme sind standardmäßig in den Apps integriert.

Zahlungsmethoden

  1. PayPal aktivieren/deaktivieren: Sie können die PayPal-Zahlungsmethode aktivieren/deaktivieren, indem Sie einfach die Schaltfläche im Hintergrund umschalten.
  1. Auswahlmodus: Sie können die native Zahlungsumgebung aus der Sandbox- oder Live-Option auswählen. Diese Einstellungen ermöglichen es den Benutzern, die Zahlungsmethoden zu testen, bevor sie fortfahren.
  1. Kunden ID: Geben Sie die entsprechende Kunden-ID des PayPal-Händlerkontos ein. Es identifiziert das Konto, auf das die Zahlung bei der Bestellung zu leisten ist.
  1. Nachnahme aktivieren/deaktivieren: Sie können die Zahlungsmethode Nachnahme im Backend aktivieren/deaktivieren.

4.7 Empfohlene Produkte

Ausgewählte Produkte werden unterhalb der Diashow auf der Startseite der Anwendung angezeigt. Sie können sie einfach über das Backend konfigurieren.

Featured-Produkte

  1. Vorgestellte Produkte aktivieren/deaktivieren: Schalten Sie die Schaltfläche um, um die vorgestellten Produkte in der Anwendung zu aktivieren/deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die unter den vorgestellten Produkten erscheinen.
  1. Breite des Produktbildes: Sie können die Breite des Produktbildes einstellen.
  1. Produktbildhöhe: Sie können die Höhe des Produktbildes einstellen.

4.8 Sonderprodukte

Spezielle Produkte erscheinen unter den vorgestellten Produkten in horizontalem Scrollen.

Spezielle Produkte

  1. Sonderangebote aktivieren/deaktivieren: Schalten Sie die Schaltfläche um, um die speziellen Produkte in der Anwendung zu aktivieren/deaktivieren.
  1. Grenze: Sie können sogar die Anzahl der Produkte begrenzen, die unter Sonderangeboten erscheinen.
  1. Breite des Produktbildes: Sie können die Breite des Produktbildes einstellen.
  1. Produktbildhöhe: Sie können die Höhe des Produktbildes einstellen.

4.9 Bestseller-Produkte

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

Bestseller-Produkte

  1. Sonderangebote aktivieren/deaktivieren: Schalten Sie die Schaltfläche um, 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. Breite des Produktbildes: Sie können die Breite des Produktbildes einstellen.
  1. Produktbildhöhe: Sie können die Höhe des Produktbildes einstellen.

4.10 Neueste Produkte

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

Neueste Produkte

  1. Sonderangebote aktivieren/deaktivieren: Schalten Sie die Schaltfläche um, 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. Breite des Produktbildes: Sie können die Breite des Produktbildes einstellen.
  1. Produktbildhöhe: Sie können die Höhe des Produktbildes einstellen.

4.11 Informationsseiten

Die mobile WooCommerce-App ermöglicht es dem Store-Administrator auch, verschiedene CMS-Seiten und die zugehörigen Details anzuzeigen. Der Administrator kann bei Bedarf sogar eine neue Seite hinzufügen.Informationsseiten

4.12 Google-Anmeldung

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

Google-Login

  1. Google Login aktivieren/deaktivieren: Sie können die Google-Anmeldeoption im Backend-Modul aktivieren/deaktivieren.
  2. Google JSON-Datei: Laden Sie die Google JSON-Datei hoch.

4.13 Facebook-Anmeldung

WooCommerce Mobile App Creator ermöglicht es Ihnen, App-Benutzern eine einfache und schnelle Facebook-Anmeldung zu ermöglichen.

Facebook Login

  1. Facebook-Anmeldung aktivieren/deaktivieren: Sie können die Facebook-Anmeldeoption über die Admin-Oberflä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 des Erstellers der mobilen WooCommerce-App bereitgestellt. Es ermöglicht allen neuen Ladenbesitzern, die vollständigen Standarddaten mit einem einzigen Klick auszufüllen.

Musterseiten

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, um zu erklären, wie Sie das Design der Anwendung anpassen können.

Splash-Screen-

1. Themenfarbe –

Standardmäßig sind vier Themenfarben verfügbar, aber Sie können 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 mehr als 18 internationale Sprachen in die Anwendung integriert. Wenn Sie möchten, dass eine andere Sprache zur Liste hinzugefügt wird, können wir diese kostenlos integrieren.

3. Wählen Sie Schriftart –

Standardmäßig bietet der WooCommerce Mobile App Maker mehr als 12 Schriftarten und Sie können sich für jede davon entscheiden. Wenn Sie eine andere Schriftart für Ihre App wünschen, können wir diese kostenlos hinzufügen.

4. Sehen Sie sich Ihren Shop an –

Sie können Ihren Shop auch sehen, indem Sie Ihre Shop-URL in das erforderliche Feld eingeben.

5. Demo ansehen –

Wir haben die mobile E-Commerce-App standardmäßig in unseren Demo-Shop integriert. Sie können die App-Features und -Funktionalitäten mit der Demo-Option erleben.

5.2 Startbildschirme

Die intuitiven Produkt- und Kategoriebildschirme mobiler Apps zwangen die Benutzer, sich in Ihrem Geschäft zu vertiefen. Mal sehen, auf welche Startbildschirme Sie stoßen werden, sobald Sie den Store installiert haben:

1. Menübildschirm

Sie können das Menü sehen, indem Sie auf die Navigationsleiste klicken, die sich auf der linken Seite des Startbildschirms der mobilen WooCommerce-App befindet. Das Menü bietet Benutzern die folgenden Optionen:

1. Mein Konto:Home-Bildschirm

Benutzer können auf ihr Konto zugreifen, wo sie ihre Bestellhistorie einsehen oder ihre Kontodetails aktualisieren können.

2. Kategorien: ,war

Benutzern erlauben, Kategorien auf zwei Ebenen anzuzeigen. 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, die Shop-Seite „Über uns“ anzuzeigen.

4. Kontaktieren Sie uns:

Ermöglicht Benutzern, die Kontaktseite des Stores anzuzeigen.

5. Anmelden/ Abmelden:

Ermöglicht dem Benutzer, sich bei seinem Store-Konto anzumelden/abzumelden.

2. Schieberegler:

Schieberegler werden oben auf dem Startbildschirm angezeigt. Slider bestehen aus verschiedenen Werbebildern, die ab einer Slideshow nach einem festgelegten Zeitintervall gewechselt werden. Sie können die Anzahl der im Frontend angezeigten Folien ganz einfach anpassen. Diese Schieberegler leiten Ihre Benutzer im Grunde genommen zu dem spezifischen 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 darin zu verwendenden Bilder bei 400*600 für eine klare Bildvorschau in der App.

3. Banner:

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

Hinweis: Stellen Sie sicher, dass das Bannermodul im Geschäft 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. Ausgewählte Produkte:

Die Sammlung der vorgestellten Produkte wird direkt unter den Bannern in Form des Rasters angezeigt. vorgestellte-und-besondere-produkteDiese Produkte sind die gleichen Produkte, die im Frontend Ihres Shops sichtbar sind. Sie können sogar die Anzahl der Produkte über die Admin-Oberfläche begrenzen.

,war5. Neueste:

Die Neuankömmlinge Ihres Shops werden unterhalb der vorgestellten Produkte in horizontalem Scrolling angezeigt. Dies sind die gleichen Produkte, die auf Ihrer Storefront sichtbar sind. Die Benutzer können einfach scrollen und die neuesten Produkte Ihres Geschäfts sehen.

 

6. Sonderprodukte:

Direkt unter den Neuankömmlingen befinden sich die speziellen Produkte Ihres Geschäfts. Diese werden auch beim horizontalen Scrollen angezeigt und sind die gleichen Produkte, die in Ihrer Storefront angezeigt werden.

Specials-Produkte

7. Bestseller-Produkte:

Bestseller-Produkte werden unterhalb der Sonderprodukte auf dem Startbildschirm angezeigt. Dies sind die gleichen Produkte, die auf Ihrer Storefront angezeigt werden. Bestseller-Produkte werden horizontal angezeigt, sodass der Benutzer einfach scrollen und weitere Produkte finden kann.

8. Suche:

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

9. Einkaufswagen:

Neben dem Suchsymbol befindet sich das Einkaufswagensymbol auf der Startseite des Bildschirms. Benutzer können von hier aus das in ihrem Warenkorb gespeicherte Produkt anzeigen und verwalten.

5.3-Kategorie

Benutzer können einfach auf den Kategorieseiten landen, indem sie einfach eine der Kategorienoptionen aus dem Menü auf dem Startbildschirm auswählen. In der mobilen WooCommerce-App können Sie ganz einfach alle Ihre Shop-Kategorien anzeigen. Es besteht auch die Möglichkeit, nicht kategorisierte Produkte in der Anwendung anzuzeigen. Der Abschnitt „Kategorien“ weist folgende Funktionalitäten auf:Kategorie-Seiten-Bildschirm

Benutzer werden bei der Auswahl einer beliebigen Kategorie aus dem Menü auf dem Startbildschirm zum Kategoriebildschirm navigiert. Der Kategoriebereich bietet verschiedene Funktionalitäten:

1. Sortieren:

Die Sortierfunktion ermöglicht es den Benutzern, die Produkte nach Preis, Farbe oder Größe (hoch nach niedrig oder niedrig nach hoch) zu sortieren.

2. Filter:

Benutzer könnten die Produkte auf der Grundlage von Attributen wie Preis, Farbe, Größe usw. filtern.

3. Produktliste:

Kategorieprodukte werden in der Rasteransicht aufgelistet. Benutzer können einfach nach unten scrollen und die gesamte Produktkollektion abrufen.

5.4 Sortieren

Sortierfunktion

5.5-Filter

Produkt-Filter-Funktion

5.6 Suche

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

Produktsuchfunktion

5.7 Produkt

Der eCommerce Mobile App Maker für WooCommerce unterstützt alle Arten von Produkten. Auf dem Produktbildschirm können Benutzer Produktdetails wie Produktbild, Beschreibung und Attribute (Größe oder Farbe) anzeigen. Der Produktbereich bietet verschiedene Funktionen:

Produktseiten-Bildschirm

1. Produktoption und Beschreibung:

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

2. In den Warenkorb legen:

Benutzer können das Produkt einfach zu ihrem Einkaufswagen hinzufügen, indem sie auf die Schaltfläche In den Einkaufswagen klicken, die unten auf dem Bildschirm angezeigt wird.

3. Produktfreigabe:

Benutzer dürfen die Produktlinks auch mit anderen teilen, indem sie auf die Produktfreigabeoption klicken.

5.8 Einkaufstasche

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

1. Produktliste:Einkaufstasche

Benutzer können alle im Warenkorb hinzugefügten Produkte zusammen mit ihrem Preis leicht 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. Einkauf fortsetzen:

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 Kassenseite gehen, indem sie auf die Option Weiter zur Kasse klicken.

5.9 Kasse

WooCommerce Mobile App Maker bietet Ihren Benutzern einen vereinfachten Checkout-Ansatz. Der Checkout-Bildschirm bietet Informationen zu Versanddetails, Rechnungsdetails, Bestellübersicht, Versandarten und Gesamtzahlungsübersicht.

1. Lieferadresse:App-Kasse

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

Versandadresse hinzufügen/bearbeiten:

Benutzer dürfen die Versanddetails des Produkts bearbeiten und sogar neue hinzufügen.

2. Rechnungsadresse:

Es bietet sogar alle vom Benutzer ausgewählten Rechnungsdetails.

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 Produkten, die vom Benutzer in den Warenkorb gelegt wurden.

 

4. Kommentar zur Bestellung:App-Checkout-Bildschirm

Benutzer können sogar einen Bestellkommentar schreiben, der für den Geschäftsadministrator im Backend sichtbar wäre.

5. Zahlungszusammenfassung:

Es enthält die vollständigen Details der Gesamtkosten des Einkaufswagens.

6. Weiter zur Zahlung:

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

7. Weiter zur Zahlung:

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

5.10-Zahlung

Auf dem Zahlungsbildschirm kann der Benutzer die Liste aller verfügbaren Zahlungsoptionen finden, aus denen er auswählen kann. Der Ersteller mobiler WooCommerce-Apps 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 PayPal und Nachnahme integriert. 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

WooCommerce Android/iOS Mobile App Maker bietet schnelle Social-Login-Optionen. Die Facebook- und Google-Anmeldung wird in den mobilen E-Commerce-Apps bereitgestellt. Es vereinfacht den Anmelde- und Registrierungsprozess für die Benutzer der E-Commerce-App.

1. Anmelden:App-Social-Login

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

2. Anmeldung:

Für jeden neuen App-Benutzer gibt es eine Anmeldeoption, um das neue Konto zu erstellen, indem die erforderlichen Details ausgefüllt werden.

3. Passwort vergessen:

Die mobile E-Commerce-App ermöglicht es den Benutzern, das verlorene Passwort mit der Option „Passwort vergessen“ wiederherzustellen.

4. Facebook-Anmeldung:

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

5. Google-Login:

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

Hinweis:

  1. Um die Facebook-App zu erstellen und die App-ID zu erhalten, verweisen 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. Um Google App zu erstellen, verweisen Sie auf den folgenden 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

Der Bildschirm „Mein Konto“ der mobilen WooCommerce-App für Android/iOS ermöglicht es den Benutzern, ihre vollständigen Kontodetails anzuzeigen. Es enthält auch die Liste aller früheren Bestellungen, die von den Benutzern aufgegeben wurden. Mein Kontobildschirm hat die folgenden Funktionen:

1. Bestellhistorie:

Liefert die Details der Bestellung(en), die vom Benutzer aufgegeben werden, wie z. B. Bestell-ID, 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 Passwort aktualisieren.

3. Lieferadresse:

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

4. Bestelldetails:

Benutzer können bei Bedarf die vollständigen Details der zuvor aufgegebenen Bestellungen wie Bestell-ID, Bestellstatus usw. anzeigen.

5. Nachbestellungsfunktion:

Die Nachbestellungsfunktion ermöglicht es den Benutzern, die zuvor bestellten Produkte direkt über den Bildschirm „Mein Konto“ zu kaufen.

5.13 Bestelldetails

Der Bestelldetailbildschirm der mobilen WooCommerce-App ermöglicht es den Benutzern, ihre zuvor aufgegebenen Bestellungen in der App zu finden und zu verfolgen. Es enthält vollständige Informationen über den Bestellstatus, die Lieferadresse, die Zahlungsdetails und die Gesamtkosten.

Bestelldetails

5.14 Adresse hinzufügen

Bei Bedarf können Benutzer bequem neue Lieferadressen direkt aus der mobilen App hinzufügen.Neue Lieferadresse hinzufügen�Sehen Sie sich hier die vollständigen Funktionen des WooCommerce Mobile App Maker-Plugins an Video-Tutorial� � � � � � � � � � � � � � � � � � � � � � � � � � ��

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 *