{"id":733341,"date":"2020-05-01T11:58:25","date_gmt":"2020-05-01T11:58:25","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=733090\/"},"modified":"2020-05-01T21:30:51","modified_gmt":"2020-05-01T12:00:51","slug":"wie-einfach-ist-es-die-homepage-der-prestashop-mobile-app-zu-gestalten","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/de\/mobile-app-de\/wie-einfach-ist-es-die-homepage-der-prestashop-mobile-app-zu-gestalten\/","title":{"rendered":"Wie einfach ist es, die Homepage der PrestaShop Mobile App zu gestalten?"},"content":{"rendered":"

Mit der zunehmenden Nutzung mobiler Apps sind immer mehr Unternehmen bereit, zus\u00e4tzliche Anstrengungen zu unternehmen, um sich von ihren Mitbewerbern abzuheben. F\u00fcr E-Commerce-Unternehmen hilft eine mobile App mit regelm\u00e4\u00dfig aktualisiertem Homepage-Design dabei, ihre Kunden auf profitable Weise zu binden. Jedes Mal, wenn ein neues Angebot \/ Neuank\u00f6mmling \/ Verkauf \/ usw. in ihrer Einkaufs-App ver\u00f6ffentlicht wird, k\u00f6nnen die Kunden auf nat\u00fcrliche 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\u00e4ftsinhabern 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<\/a> 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<\/p>\n

\"Konfigurationsmodul\"<\/a><\/p>\n

Wenn Sie in diesem App Maker-Modul auf "Konfigurieren" klicken, werden Ihnen verschiedene Bearbeitungsoptionen angezeigt.<\/p>\n

\"Homescreen-Layout\"<\/a><\/p>\n

– W\u00e4hlen Sie im Seitenmen\u00fc die Option "Layout der Startseite". – Um ein neues Layout zu erstellen, klicken Sie auf die Schaltfl\u00e4che "Neues Layout hinzuf\u00fcgen". Sie k\u00f6nnen die vorhandenen Layouts auch erneut bearbeiten. Sie k\u00f6nnen auch mehrere Layouts vorab entwerfen und eines davon in Ihrer mobilen App aktiv lassen (\u00fcber die allgemeinen Einstellungen im Seitenmen\u00fc).<\/p>\n

\"Homepage-Layout\"<\/a><\/p>\n

– W\u00e4hrend Sie das Layout Ihrer App-Startseite entwerfen oder bearbeiten, k\u00f6nnen Sie maximal 20 Komponenten aus der vollst\u00e4ndigen Liste der verschiedenen Komponenten verwenden, die im linken Seitenmen\u00fc angezeigt werden. Daher k\u00f6nnen Sie eine einzelne Komponente auch mehrmals in Ihrem Layout verwenden. Wenn Sie diese Komponenten hinzuf\u00fcgen, k\u00f6nnen Sie jede einzelne bearbeiten und mithilfe der Drag & Drop-Funktion organisieren. Das Beste ist, dass alle von Ihnen vorgenommenen \u00c4nderungen sofort auf dem Bildschirm der Demo-App auf der Registerkarte zur Anpassung der Startseite angezeigt werden.<\/p>\n

Komponenten zum Entwerfen Ihres PrestaShop-Homepage-Layouts:<\/h2>\n

1. Top-Kategorien:<\/h3>\n

\"Top-Kategorien\"<\/a><\/p>\n

In einem Schieberegler k\u00f6nnen Sie kleine Bildsymbole mit Umleitungslinks zu relevanten Kategorien in Ihrem eStore anzeigen. Sie k\u00f6nnen insgesamt 8 solcher Kategorien in einer einzelnen Komponente der 'obersten Kategorie' hinzuf\u00fcgen.<\/p>\n

2. Quadratische, Gitter- und horizontal verschiebbare Banner:<\/h3>\n

\"Schiebebanner\"<\/a><\/p>\n

\"banner\"<\/a><\/p>\n

\"Startbildschirm-Banner\"<\/a>
\nF\u00fcr alle diese 3 Bannertypen k\u00f6nnen Sie die Umleitungsoptionen zwischen Kategorieseiten, Produktseiten, Startseite und sogar einer der CMS-Seiten ausw\u00e4hlen. F\u00fcgen Sie unter solchen Bannern je nach Bedarf einzelne oder mehrere Elemente hinzu.<\/p>\n

3. Produkte mit quadratischem, Gitter- und horizontalem Schieben:<\/h3>\n

\"Produkte-Startbildschirm\"<\/a><\/p>\n

\"Schiebeprodukte\"<\/a><\/p>\n

Mit diesen 3 Komponenten k\u00f6nnen Sie einzelne Produkte anzeigen, die den App-Benutzer direkt zur jeweiligen Produktseite weiterleiten. Mit diesem PrestaShop App Builder-Modul k\u00f6nnen Sie auch Produktlisten festlegen. Sie k\u00f6nnen zwischen folgenden Optionen w\u00e4hlen, um die Produkte anzuzeigen \ud83d\ude15 Bestseller-Produkte? Neuank\u00f6mmlinge? Ausgew\u00e4hlte Produkte? Spezielle Produkte ? Produkte aus einer Kategorie? Kundenspezifische Produkte<\/p>\n

4. K\u00fcrzlich aufgerufene Produkte:<\/h3>\n

Wenn Sie diese Komponente an einer beliebigen Stelle im Layout einf\u00fcgen, wird einfach ein horizontaler Schieberegler f\u00fcr Produkte erstellt, in dem nur die Produkte angezeigt werden, die ein App-Benutzer k\u00fcrzlich angezeigt hat. Es ist ideal, diese Komponente nur einmal in einem Homepage-Layout hinzuzuf\u00fcgen.<\/p>\n

5. Countdown-Timer-Banner:<\/h3>\n

Dieses Banner verf\u00fcgt \u00fcber einen integrierten Countdown-Timer mit allen erforderlichen Einstellungen, um es zu Ihrem eigenen zu machen. Sie k\u00f6nnen es verwenden, um Ihre App-Benutzer \u00fcber ein Angebot zu informieren, das in einer bestimmten Zeit endet. Wenn der Timer l\u00e4uft, k\u00f6nnen Sie die Kunden einbeziehen und erfolgreiche Eink\u00e4ufe t\u00e4tigen, bis die Uhr l\u00e4uft. Die Einstellungen finden Sie im folgenden Screenshot.<\/p>\n

\"Countdown-Timer-Banner\"<\/a><\/p>\n

Abgesehen von allen \u00c4nderungen, die Sie an der Gestaltung der Startseite Ihrer PrestaShop-App vornehmen k\u00f6nnen, gibt es noch eine weitere n\u00fctzliche Funktion, die st\u00e4ndig auf dem Bildschirm Ihrer App angezeigt wird. Es ist die Registerkartenleiste.<\/p>\n

Tab Bar-Designing:<\/h3>\n

\u00dcber das Seitenmen\u00fc des Backends des PrestaShop Mobile App Maker-Moduls k\u00f6nnen Sie auch die Registerkartenleiste entwerfen. Dieses Design bleibt f\u00fcr alle Homepage-Layouts gleich. F\u00fcgen Sie Ihrer Registerkartenleiste 3 bis 5 Elemente mit den erforderlichen Links hinzu, damit Ihre PrestaShop-App professioneller und benutzerfreundlicher aussieht.<\/p>\n

\"Tab-Leiste\"<\/a>
\nSo sieht die Einstellung in der Registerkartenleiste "Mein Konto" aus:<\/p>\n

\"my-Konto\"<\/a>
\nInzwischen m\u00fcssen 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\u00fcssen E-Commerce-Apps ihr Homepage-Layout \u00e4ndern, um verschiedene Angebote, saisonale Verk\u00e4ufe, Neuank\u00f6mmlinge und so weiter zu erg\u00e4nzen. Um es den eStore-Besitzern einfacher und dennoch effektiver zu machen, haben unsere Experten von KnowBand dies entwickelt PrestaShop Mobile App Maker<\/a> Modul. Wer dieses Modul vor dem Kauf testen m\u00f6chte, kann sogar die kostenlose Version ausprobieren.<\/p>\n

Einige unserer wundersch\u00f6n gestalteten Kunden-Apps:<\/h2>\n

A) Body Organics App:<\/strong><\/p>\n

\"Body-Organics-App\"<\/a><\/p>\n

B) Elecbee App:<\/strong><\/p>\n

\"elecbee-app\"<\/a><\/p>\n

C) ChirulliShop App:<\/strong><\/p>\n

\"chirullishop-app\"<\/a><\/p>\n

D) Caribstore App:<\/strong><\/p>\n

\"caribstore-app\"<\/a><\/p>\n

E) Terminal Fashion App:<\/strong><\/p>\n

\"Terminal-Mode\"<\/a><\/p>\n

F) VenusSense App:<\/strong><\/p>\n

\"Venussense-App\"<\/a><\/p>\n

G) Xbahrain App:<\/strong><\/p>\n

\"xbahrainshop-app\"<\/a><\/p>\n

Wenn Sie noch Fragen dazu haben, senden Sie uns bitte eine E-Mail an support@knowband.com<\/a>. Wir helfen Ihnen gerne weiter.<\/p>\n

Lesen Sie auch:<\/strong><\/p>\n

Wie einfach ist es, personalisierte Push-Benachrichtigungen in der PrestaShop Mobile App zu senden?<\/a>