Knowband Blog | Ecommerce Modules

Wie einfach ist es, die Homepage der PrestaShop Mobile App zu gestalten?

Mit der zunehmenden Nutzung mobiler Apps sind immer mehr Unternehmen bereit, zusätzliche Anstrengungen zu unternehmen, um sich von ihren Mitbewerbern abzuheben. Für E-Commerce-Unternehmen hilft eine mobile App mit regelmäßig aktualisiertem Homepage-Design dabei, ihre Kunden auf profitable Weise zu binden. Jedes Mal, wenn ein neues Angebot / Neuankömmling / Verkauf / usw. in ihrer Einkaufs-App veröffentlicht wird, können die Kunden auf natürliche Weise ihren Umsatz steigern. Dies kann durch Optimierung des Homepage-Designs (abgesehen von Push-Benachrichtigungen und anderen Kampagnen) in der PrestaShop Mobile App erfolgen. KnowBand bietet E-Commerce Mobile App Builder-Erweiterungen, um Geschäftsinhabern das Entwerfen und Bearbeiten von Startseiten zu erleichtern. Es hilft nicht nur E-Commerce-Unternehmen beim problemlosen Aufbau ihrer mobilen E-Commerce-Apps, sondern bietet auch funktionsreiches Backend und Frontend zum Nutzen von Unternehmen und App-Benutzern. Dieser Artikel beleuchtet die Verwendung von PrestaShop Mobile App Creator Modul zum Erstellen, Entwerfen und Bearbeiten der Homepage-Layouts. Sobald das PrestaShop Mobile App Builder-Modul von KnowBand auf Ihrem PrestaShop-Website-Backend installiert ist, wird die Homepage von

Wenn Sie in diesem App Maker-Modul auf "Konfigurieren" klicken, werden Ihnen verschiedene Bearbeitungsoptionen angezeigt.

– Wählen Sie im Seitenmenü die Option "Layout der Startseite". – Um ein neues Layout zu erstellen, klicken Sie auf die Schaltfläche "Neues Layout hinzufügen". Sie können die vorhandenen Layouts auch erneut bearbeiten. Sie können auch mehrere Layouts vorab entwerfen und eines davon in Ihrer mobilen App aktiv lassen (über die allgemeinen Einstellungen im Seitenmenü).

– Während Sie das Layout Ihrer App-Startseite entwerfen oder bearbeiten, können Sie maximal 20 Komponenten aus der vollständigen Liste der verschiedenen Komponenten verwenden, die im linken Seitenmenü angezeigt werden. Daher können Sie eine einzelne Komponente auch mehrmals in Ihrem Layout verwenden. Wenn Sie diese Komponenten hinzufügen, können Sie jede einzelne bearbeiten und mithilfe der Drag & Drop-Funktion organisieren. Das Beste ist, dass alle von Ihnen vorgenommenen Änderungen sofort auf dem Bildschirm der Demo-App auf der Registerkarte zur Anpassung der Startseite angezeigt werden.

Komponenten zum Entwerfen Ihres PrestaShop-Homepage-Layouts:

1. Top-Kategorien:

In einem Schieberegler können Sie kleine Bildsymbole mit Umleitungslinks zu relevanten Kategorien in Ihrem eStore anzeigen. Sie können insgesamt 8 solcher Kategorien in einer einzelnen Komponente der 'obersten Kategorie' hinzufügen.

2. Quadratische, Gitter- und horizontal verschiebbare Banner:


Für alle diese 3 Bannertypen können Sie die Umleitungsoptionen zwischen Kategorieseiten, Produktseiten, Startseite und sogar einer der CMS-Seiten auswählen. Fügen Sie unter solchen Bannern je nach Bedarf einzelne oder mehrere Elemente hinzu.

3. Produkte mit quadratischem, Gitter- und horizontalem Schieben:

Mit diesen 3 Komponenten können Sie einzelne Produkte anzeigen, die den App-Benutzer direkt zur jeweiligen Produktseite weiterleiten. Mit diesem PrestaShop App Builder-Modul können Sie auch Produktlisten festlegen. Sie können zwischen folgenden Optionen wählen, um die Produkte anzuzeigen 😕 Bestseller-Produkte? Neuankömmlinge? Ausgewählte Produkte? Spezielle Produkte ? Produkte aus einer Kategorie? Kundenspezifische Produkte

4. Kürzlich aufgerufene Produkte:

Wenn Sie diese Komponente an einer beliebigen Stelle im Layout einfügen, wird einfach ein horizontaler Schieberegler für Produkte erstellt, in dem nur die Produkte angezeigt werden, die ein App-Benutzer kürzlich angezeigt hat. Es ist ideal, diese Komponente nur einmal in einem Homepage-Layout hinzuzufügen.

5. Countdown-Timer-Banner:

Dieses Banner verfügt über einen integrierten Countdown-Timer mit allen erforderlichen Einstellungen, um es zu Ihrem eigenen zu machen. Sie können es verwenden, um Ihre App-Benutzer über ein Angebot zu informieren, das in einer bestimmten Zeit endet. Wenn der Timer läuft, können Sie die Kunden einbeziehen und erfolgreiche Einkäufe tätigen, bis die Uhr läuft. Die Einstellungen finden Sie im folgenden Screenshot.

Abgesehen von allen Änderungen, die Sie an der Gestaltung der Startseite Ihrer PrestaShop-App vornehmen können, gibt es noch eine weitere nützliche Funktion, die ständig auf dem Bildschirm Ihrer App angezeigt wird. Es ist die Registerkartenleiste.

Tab Bar-Designing:

Über das Seitenmenü des Backends des PrestaShop Mobile App Maker-Moduls können Sie auch die Registerkartenleiste entwerfen. Dieses Design bleibt für alle Homepage-Layouts gleich. Fügen Sie Ihrer Registerkartenleiste 3 bis 5 Elemente mit den erforderlichen Links hinzu, damit Ihre PrestaShop-App professioneller und benutzerfreundlicher aussieht.


So sieht die Einstellung in der Registerkartenleiste "Mein Konto" aus:


Inzwischen müssen Sie eine Vorstellung davon haben, wie benutzerfreundlich es ist, das Homepage-Layout einer PrestaShop Mobile-App mithilfe des PrestaShop Mobile App Maker-Moduls zu erstellen, zu entwerfen und zu bearbeiten. Von Zeit zu Zeit müssen E-Commerce-Apps ihr Homepage-Layout ändern, um verschiedene Angebote, saisonale Verkäufe, Neuankömmlinge und so weiter zu ergänzen. Um es den eStore-Besitzern einfacher und dennoch effektiver zu machen, haben unsere Experten von KnowBand dies entwickelt PrestaShop Mobile App Maker Modul. Wer dieses Modul vor dem Kauf testen möchte, kann sogar die kostenlose Version ausprobieren.

Einige unserer wunderschön gestalteten Kunden-Apps:

A) Body Organics App:

B) Elecbee App:

C) ChirulliShop App:

D) Caribstore App:

E) Terminal Fashion App:

F) VenusSense App:

G) Xbahrain App:

Wenn Sie noch Fragen dazu haben, senden Sie uns bitte eine E-Mail an support@knowband.com. Wir helfen Ihnen gerne weiter.

Lesen Sie auch:

Wie einfach ist es, personalisierte Push-Benachrichtigungen in der PrestaShop Mobile App zu senden?