{"id":701088,"date":"2020-04-18T14:48:08","date_gmt":"2020-04-18T14:48:08","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=700604\/"},"modified":"2022-08-13T12:01:14","modified_gmt":"2022-03-04T17:20:03","slug":"prestashop-pwa-mobile-app-user-manual","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/","title":{"rendered":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch"},"content":{"rendered":"<p><html lang=\"de\"><head><meta charset=\"utf-8\"><\/head><body><\/p>\n<h2>1.0 Einf\u00fchrung<\/h2>\n<p>Das schnelle Wachstum in der mCommerce-Branche hat dazu gef\u00fchrt, dass eine mobile E-Commerce-App dringend erforderlich ist. Das Erstellen mobiler Apps erfordert jedoch eine Menge Codierung und andere technische Details. Warum verwandeln Sie Ihre Online-Website nicht stattdessen in eine Web-App? Das Anbieten einer optimierten PrestaShop PWA-App w\u00fcrde das mobile Einkaufserlebnis f\u00fcr die Benutzer verbessern. Dieses PrestaShop PWA-App-Modul wurde entwickelt und gebaut, um Ihren Shop in eine Webanwendung zu verwandeln, die \u00fcber ein benutzerfreundliches Backend-Panel verwaltet werden kann. Diese Apps bieten verschiedene erweiterte Funktionen als native Apps, wie Offline-Modus und Plattformunabh\u00e4ngigkeit, was sie zu einer problemlosen und nahtlosen Einkaufsl\u00f6sung f\u00fcr Benutzer macht.<\/p>\n<h3>1.1 Demo-App ansehen:<\/h3>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-808552 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" alt=\"Home-Bildschirm\" width=\"1000\" height=\"539\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png 1000w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen-300x162.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen-768x414.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Sehen Sie sich vor dem Kauf der Erweiterung die Funktionsweise der Demo-App an, indem Sie die URL der PrestaShop PWA-Demo-App in Ihrem Browser \u00f6ffnen.<\/p>\n<p><strong>Demo-Store-URL:<\/strong> <a href=\"https:\/\/psm.knowband.com\/pwa\/admin1\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/admin1<\/a><br \/>\n<strong>PWA-App-URL:<\/strong> ,war<a href=\"https:\/\/psm.knowband.com\/pwa\/pwa-app\/\" target=\"_blank\">https:\/\/psm.knowband.com\/pwa\/pwa-app\/<\/a><\/p>\n<h3>1.2 Hauptfunktionen der PrestaShop Progressive Web App (PWA):<\/h3>\n<ul>\n<li>Anpassbare Benutzeroberfl\u00e4che des Startbildschirms (DIY-Editor)<\/li>\n<li>Unbegrenzte Push-Benachrichtigungen (manuelle und automatisierte Benachrichtigungen)<\/li>\n<li>Zopim- und WhatsApp-Chat-Unterst\u00fctzung<\/li>\n<li>Unterst\u00fctzung aller Zahlungs- und Versandmethoden<\/li>\n<li>Echtzeitsynchronisation<\/li>\n<li>Automatische Bestandsaktualisierung<\/li>\n<li>Leichte App mit schnellerem Laden<\/li>\n<li>Mehrsprachige und RTL-Unterst\u00fctzung<\/li>\n<li>E-Mail- und Social-Login-Optionen (Google &amp; Facebook)<\/li>\n<li>Intuitive Benutzeroberfl\u00e4che mit mehrschichtiger Navigation<\/li>\n<li>Keine Abh\u00e4ngigkeit von Google Play oder Apple App Store<\/li>\n<li>Komplette White-Label-L\u00f6sung<\/li>\n<li>Barrierefreiheit im Offline-Modus<\/li>\n<li>Vereinfachte Kaufabwicklung auf einer Seite<\/li>\n<li>Steuerung der CMS-Seiten (Informationsseiten).<\/li>\n<li>Pr\u00e4sentieren Sie verwandte Produkte<\/li>\n<li>Benutzerbewertungen anzeigen<\/li>\n<li>Eingebaute Wunschliste<\/li>\n<li>Unterst\u00fctzung f\u00fcr Gutscheine \/ Gutscheine<\/li>\n<li>Unterst\u00fctzung f\u00fcr mehrere W\u00e4hrungen<\/li>\n<\/ul>\n<h3>[IMP] Hinweise f\u00fcr iOS:<\/h3>\n<p>&#8211;&gt; iOS-Ger\u00e4te bieten keine integrierte Eingabeaufforderung \u201eZum Startbildschirm hinzuf\u00fcgen\u201c, sodass Benutzer die PWA Mobile App manuell zum Startbildschirm von iPhone oder iPad hinzuf\u00fcgen m\u00fcssen. &#8211;&gt; iOS unterst\u00fctzt keine Web-Push-Benachrichtigungen, daher k\u00f6nnen die Push-Benachrichtigungen nur vom Admin-Panel des PrestaShop PWA Mobile App Builder an das Android-Ger\u00e4t gesendet werden.<\/p>\n<h2>[NEUES UPDATE] PrestaShop PWA unterst\u00fctzt RTL-Sprachskripte<\/h2>\n<p>Der PrestaShop PWA Mobile App Creator unterst\u00fctzt jetzt alle weltweiten Sprachen, einschlie\u00dflich RTL (von rechts nach links) wie Arabisch, Hebr\u00e4isch, Persisch usw. Der Shop-Administrator kann alle Sprachen seines Shops in die Progressive Web App bringen und sogar beliebige RTL-Sprachen hinzuf\u00fcgen gem\u00e4\u00df der Anforderung. Auf der anderen Seite haben die mobilen K\u00e4ufer keine Probleme beim Zugriff auf die PrestaShop PWA Mobile App in ihrer bevorzugten Sprache.<\/p>\n<h2>Kompatibel mit PrestaShop Multi-Vendor Marketplace<\/h2>\n<p>Die <a href=\"https:\/\/www.knowband.com\/prestashop-marketplace\" target=\"_blank\">PrestaShop Multi-Vendor Marketplace<\/a> Modul ist vollst\u00e4ndig kompatibel mit PrestaShop PWA Mobile App. Die Progressive Web App zeigt den Verk\u00e4uferbereich mit allen Marktplatzverk\u00e4ufern in derselben Anwendung an. Die Verk\u00e4uferdetails bleiben in Echtzeit mit dem Marktplatz-Web synchronisiert und werden automatisch in der PrestaShop PWA-Anwendung aktualisiert.<\/p>\n<p><strong>Hinweis:<\/strong> Die mobile Multivendor-PWA-App f\u00fcr PrestaShop ist nur kundenorientiert. Dies bedeutet, dass es kein Verk\u00e4ufer-Dashboard oder Management vom App-Ende aus geben wird. Der Store-Administrator kann die Verk\u00e4ufer aus dem PrestaShop Marketplace-Modul verwalten und diese werden sofort in der App aktualisiert.<\/p>\n<h2>2.0 Admin-Panel-Bildschirme<\/h2>\n<p>Die PrestaShop PWA Mobile App kann mithilfe dieser praktischen Admin-Registerkarten und -Einstellungen vollst\u00e4ndig konfiguriert werden. Alles, was Sie tun m\u00fcssen, ist, einige notwendige Klicks und Schaltfl\u00e4chen umzuschalten, um die \u00c4nderungen in der Progressive Web App vorzunehmen. Lassen Sie uns jeden von ihnen im Detail besprechen:<\/p>\n<h3>2.1 Allgemeine Einstellungen<\/h3>\n<p>Wie der Name schon sagt, sind diese allgemeinen Konfigurationseinstellungen f\u00fcr alle Arten von regelm\u00e4\u00dfigen \u00c4nderungen in Progressive Web Applications (PWA) vorgesehen. Die Optionen auf dieser Registerkarte sorgen daf\u00fcr, dass die App auf den Ger\u00e4ten von Online-K\u00e4ufern funktioniert.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700605 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png\" alt=\"allgemeine-einstellungen-1\" width=\"892\" height=\"598\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1.png 892w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1-300x201.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-1-768x515.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p><strong>a) Plugin aktivieren:<\/strong>\ufffdAktivieren Sie das PrestaShop PWA-Modul, damit die App auf Mobilger\u00e4ten funktioniert.<br \/>\n<strong>b) Weiterleitung auf Warenkorbseite, wenn \u201eIn den Warenkorb\u201c gelegt wird:\ufffd<\/strong>Diese Funktion erm\u00f6glicht es dem Administrator, die Umleitung der Schaltfl\u00e4che \u201eIn den Warenkorb\u201c zu steuern. Die Benutzer k\u00f6nnen zum Warenkorb weitergeleitet oder auf dem Produktbildschirm gehalten werden, wenn sie auf \u201eIn den Warenkorb\u201c tippen.<br \/>\n<strong>c) Kurzbeschreibung anzeigen:<\/strong>\ufffdAktivieren Sie die Anzeige einer kurzen Produktbeschreibung auf dem Produktbildschirm der Progressive Web App (PWA).<br \/>\n<strong>d) Logo aktivieren:<\/strong> F\u00fcgen Sie das Logo Ihres Shops in die Kopfzeile der Progressive Web App (PWA) ein und pr\u00e4sentieren Sie Ihre Marke den Benutzern.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700606\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png\" alt=\"allgemeine-einstellungen-2\" width=\"874\" height=\"674\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2.png 874w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2-300x231.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/General-Settings-2-768x592.png 768w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/a><\/p>\n<p><strong>e) Hintergrundfarbe des Startbildschirms:<\/strong> W\u00e4hlen Sie die richtige Farboption f\u00fcr den Hintergrund des Begr\u00fc\u00dfungsbildschirms der Progressive Web App (PWA).<br \/>\n<strong>f) Name f\u00fcr die PWA-App:<\/strong> W\u00e4hlen Sie den Namen Ihrer PWA-App nach Ihrer Wahl.<br \/>\n<strong>g) Layout ausw\u00e4hlen:<\/strong>\ufffdW\u00e4hlen Sie das gew\u00fcnschte Homepage-Layout f\u00fcr Ihre PrestaShop-App. Sie k\u00f6nnen im Backend mehrere Startbildschirm-Layouts gem\u00e4\u00df verschiedenen Festivals und Themen erstellen und diese gem\u00e4\u00df Ihren Gesch\u00e4ftsanforderungen verwenden.<br \/>\n<strong>h) Deaktivierte Versandmethoden:<\/strong>\ufffdDeaktivieren Sie Versandmethoden f\u00fcr die Arbeit in\ufffdProgressive Web App (PWA)\ufffdje nachdem, was Sie nicht f\u00fcr richtig halten. Auf der Website funktionieren sie normalerweise einwandfrei.<br \/>\n<strong>i) Aktivierte CMS-Seiten:<\/strong>\ufffdW\u00e4hlen Sie die gew\u00fcnschten CMS-Seiten aus, die in der PrestaShop PWA-App angezeigt werden sollen.<br \/>\n<strong>j) Anforderungsprotokoll-Berichterstellung aktivieren:<\/strong>\ufffdAktivieren Sie die Option zum Freigeben von Protokolldateien in den progressiven Web-Apps, um Details zu ungew\u00f6hnlichem Verhalten der App zu erhalten.<br \/>\n<strong>k) Aktivieren Sie die URL-Codierung von Bildlinks:<\/strong>\ufffdAktivieren Sie diese Funktion, um Nicht-ASCII-Zeichen in der Progressive Web App (PWA) zu unterst\u00fctzen.<\/p>\n<h3>2.2 Einstellungen f\u00fcr Push-Benachrichtigungen<\/h3>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-808554 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\" alt=\"Push-Benachrichtigungen-Einstellungen\" width=\"1000\" height=\"539\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg 1000w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2-300x162.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2-768x414.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Push-Benachrichtigungen sind das praktische Tool, um Ihre Shop-Produkte, Angebote und Verkaufsangebote zu vermarkten und zu bewerben. Die Einstellungen auf dieser Registerkarte erm\u00f6glichen es Benutzern, unbegrenzte Push-Benachrichtigungen in der PrestaShop PWA-App zu konfigurieren und zu senden.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700625 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png\" alt=\"Push-Benachrichtigungen-1\" width=\"892\" height=\"396\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1.png 892w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1-300x133.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-1-768x341.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/p>\n<p>Die verschiedenen Details unter diesen Einstellungen werden abgerufen, wenn Sie das Firebase-Konto einrichten. Hier ist der Schritt-f\u00fcr-Schritt-Prozess, um dies zu tun:<\/p>\n<h4>2.21 Wie richte ich ein Firebase-Konto ein?<\/h4>\n<p><strong>Schritt 1:<\/strong>\ufffd Melden Sie sich bei Google Firebase an<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700627\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png\" alt=\"Firebase-Projekt\" width=\"630\" height=\"286\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-300x136.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>Schritt 2:<\/strong> Neues Projekt erstellen Wenn Sie auf \u201eProjekt hinzuf\u00fcgen\u201c klicken, wird das folgende Dialogfeld angezeigt:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700628 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png\" alt=\"Projekt erstellen\" width=\"630\" height=\"446\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-300x212.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\nDas Erstellen des Projekts dauert einige Sekunden. Sobald das Projekt fertig ist, klicken Sie auf \u201eFortfahren\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700647 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png\" alt=\"Continue-Projekt\" width=\"630\" height=\"373\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-300x178.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>Schritt 3:<\/strong> Projekteinstellungen verwalten Sobald das Projekt erstellt ist, klicken Sie auf \u201eProjekteinstellungen\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700648\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png\" alt=\"Projekt Einstellungen\" width=\"630\" height=\"329\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.png 630w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-300x157.png 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><br \/>\n<strong>Schritt 4:<\/strong> Gehen Sie zu Authentifizierungsoptionen:<br \/>\n<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700667 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png\" alt=\"Authentifizierungsoptionen\" width=\"643\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.png 643w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-300x175.png 300w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n<p><strong>Schritt 5: <\/strong>Firebase-Schl\u00fcssel finden Klicken Sie in den Projekteinstellungen auf Cloud-Messaging-Einstellungen. Von hier aus k\u00f6nnen Sie direkt den Serverschl\u00fcssel erhalten.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700673 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" alt=\"Firebase-Schl\u00fcssel\" width=\"1024\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x110.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x282.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><strong><br \/>\nSchritt 6:<\/strong> F\u00fcgen Sie Ihre Web-App zu Firebase hinzu<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700669 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png\" alt=\"web-app-to-firebase\" width=\"983\" height=\"275\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.png 983w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-300x84.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-768x215.png 768w\" sizes=\"auto, (max-width: 983px) 100vw, 983px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700670 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png\" alt=\"web-app-to-firebase\" width=\"633\" height=\"453\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1.png 633w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-1-300x215.png 300w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><\/a><\/p>\n<p><strong>Schritt 7:<\/strong> Holen Sie sich weitere Firebase-bezogene Details und f\u00fcgen Sie diese in das Admin-Panel des PWA-Moduls ein.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700671 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png\" alt=\"Firebase-Details\" width=\"932\" height=\"569\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.png 932w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-300x183.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-768x469.png 768w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/a><\/p>\n<p><strong>Schritt 8:<\/strong> Holen Sie sich den Firebase-Serverschl\u00fcssel von der Registerkarte &#8220;Cloud-Messaging&#8221; in den Einstellungen:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700673\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png\" alt=\"Firebase-Schl\u00fcssel\" width=\"1024\" height=\"376\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x110.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x282.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><strong>Schritt 9:<\/strong> F\u00fcgen Sie Ihre Domain in Authentifizierung&gt;&gt;Anmeldung hinzu.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-700672\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png\" alt=\"Firebase-Serverschl\u00fcssel\" width=\"1024\" height=\"530\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.png 1024w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-300x155.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-768x398.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700668 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png\" alt=\"Firebase-Schl\u00fcssel\" width=\"976\" height=\"322\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.png 976w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-300x99.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-768x253.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/a><\/p>\n<h4>A) Push-Benachrichtigung \u00fcber erfolgreiche Bestellung:<\/h4>\n<p>Aktivieren\/Deaktivieren Sie die automatische Push-Benachrichtigung, die an die App-Benutzer gesendet wird, wenn die Bestellung von der PrestaShop PWA-App erfolgreich erstellt wurde.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700692 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png\" alt=\"Mitteilungen\" width=\"872\" height=\"264\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2.png 872w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2-300x91.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-2-768x233.png 768w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/a><\/p>\n<h4>B) Push-Benachrichtigung zur Aktualisierung des Bestellstatus:<\/h4>\n<p>Aktivieren\/Deaktivieren Sie die automatische Push-Benachrichtigung, die an die App-Benutzer gesendet wird, um Aktualisierungen bez\u00fcglich des Lieferstatus ihrer vorherigen Bestellung zu erhalten. Die Benutzer k\u00f6nnen diesen Status auf der Registerkarte \u201eBestelldetails\u201c der PWA-App anzeigen<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700693 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png\" alt=\"Mitteilungen\" width=\"866\" height=\"305\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3.png 866w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3-300x106.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-3-768x270.png 768w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/a><\/p>\n<h4>C) Push-Benachrichtigung \u00fcber abgebrochenen Warenkorb:<\/h4>\n<p>Aktivieren\/Deaktivieren Sie die automatische Push-Benachrichtigung, die an Benutzer gesendet wird, die den Warenkorb ohne erfolgreichen Kauf verlassen haben. Diese Push-Benachrichtigung wird automatisch nach dem eingegebenen Zeitintervall an die Benutzer gesendet.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700694 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png\" alt=\"Mitteilungen\" width=\"854\" height=\"282\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4.png 854w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4-300x99.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-4-768x254.png 768w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/a><\/p>\n<h2>2.2 Verlauf der Push-Benachrichtigungen<\/h2>\n<p>Hier kann der Store-Administrator den vollst\u00e4ndigen Verlauf der an Progressive Web App (PWA) gesendeten Push-Benachrichtigungen anzeigen. Dar\u00fcber hinaus kann der Store-Administrator sogar die manuelle Benachrichtigung personalisieren und dieselbe an Benutzer der Progressive Web App senden.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700695 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png\" alt=\"Push-Benachrichtigungen-Verlauf\" width=\"904\" height=\"397\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1.png 904w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1-300x132.png 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-1-768x337.png 768w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/a><\/p>\n<h3>A) Benachrichtigung senden:<\/h3>\n<p>Was ist besser, um Push-Benachrichtigungen je nach Bedarf zu entwerfen und zu senden? Mit dieser Option k\u00f6nnen Ladenbesitzer eine benutzerdefinierte Benachrichtigung manuell konfigurieren und an Benutzer der PrestaShop PWA-App senden.<\/p>\n<h2><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700696 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg\" alt=\"Push-Benachrichtigungen-Verlauf\" width=\"929\" height=\"752\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2.jpg 929w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2-300x243.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Push-Notifications-History-2-768x622.jpg 768w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/a><br \/>\n2.3-Homepage-Layout<\/h2>\n<p>Das PrestaShop PWA-Modul erm\u00f6glicht es dem Store-Administrator, die Einschr\u00e4nkungen einer festen Startbildschirm-Benutzeroberfl\u00e4che zu umgehen und diejenige zu entwerfen, die seinen Gesch\u00e4ftsanforderungen entspricht. Auf dieser Registerkarte kann der Store-Administrator mehrere Layouts erstellen und speichern und sie gem\u00e4\u00df den laufenden Anl\u00e4ssen und Festivals verwenden.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700697 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg\" alt=\"Homepage-Layout\" width=\"941\" height=\"185\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout.jpg 941w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout-300x59.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-Page-Layout-768x151.jpg 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/a><br \/>\nUm die Homepage-Layouts der PWA-App zu konfigurieren, stehen im Backend folgende Elemente zur Verf\u00fcgung:<\/p>\n<h3>A) Top-Kategorien:<\/h3>\n<p>Die Top-Kategorien werden in Form kleiner Quadrate auf dem Startbildschirm der Progressive Web-App (PWA) angezeigt. Ihre Bilder und Weiterleitungslinks k\u00f6nnen von hier aus konfiguriert werden. Diese Kategorien k\u00f6nnen verwendet werden, um Top-Marken auf dem Startbildschirm der App hervorzuheben. Das PrestaShop PWA-Modul erlaubt maximal 8 Kategorien, von denen mindestens 4 obligatorisch sind.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700698 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg\" alt=\"Top-Kategorien\" width=\"735\" height=\"469\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories.jpg 735w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Top-Categories-300x191.jpg 300w\" sizes=\"auto, (max-width: 735px) 100vw, 735px\" \/><\/a><\/p>\n<h3>B) Quadratisches Banner:<\/h3>\n<p>Die Auflistung des quadratischen Banners auf dem Startbildschirm der Progressive Web App (PWA) bietet einen quadratischen Bannerblock, in dem der Store-Administrator das gew\u00fcnschte Bild verwenden kann. F\u00fcr diese Banner kann der entsprechende Weiterleitungslink verwendet werden.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700700 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg\" alt=\"quadratisches Banner\" width=\"734\" height=\"528\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner.jpg 734w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Banner-300x216.jpg 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/a><br \/>\nC) Horizontales Schiebebanner:<\/h3>\n<p>Dies sind die rechteckigen Bannerbl\u00f6cke, die auf dem Startbildschirm der PrestaShop PWA-App horizontal verschiebbar sind. Auch hierf\u00fcr sind Bild und Weiterleitungslink vollst\u00e4ndig konfigurierbar.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700719 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg\" alt=\"Schiebebanner\" width=\"721\" height=\"480\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1.jpg 721w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Banners-1-300x200.jpg 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<h3>D) Rasterbanner:<\/h3>\n<p>Dies sind quadratische Banner, die auf dem Startbildschirm der Progressive Web App (PWA) in Form einer Rasteransicht aufgef\u00fchrt sind. Der Store-Administrator kann beliebig viele Banner hinzuf\u00fcgen und deren Weiterleitungslink festlegen.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700720 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg\" alt=\"Gitter-Banner\" width=\"725\" height=\"478\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners.jpg 725w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Banners-300x198.jpg 300w\" sizes=\"auto, (max-width: 725px) 100vw, 725px\" \/><\/a><br \/>\nE) Countdown-Timer-Banner:<\/h3>\n<p>Das PWA-Modul von PrestaShop erm\u00f6glicht es dem Shop-Administrator, ein zeitgesteuertes Banner auf dem Startbildschirm der Web-App zu konfigurieren und hinzuzuf\u00fcgen. Der Store-Administrator kann ein Bannerbild und einen Zielbildschirm zusammen mit einem Timer hinzuf\u00fcgen, bis das Banner auf dem Startbildschirm der progressiven Web-App angezeigt werden soll. Sobald der Timer abgelaufen ist, wird das Banner automatisch entfernt.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700721 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg\" alt=\"Countdown-Timer-Banner\" width=\"726\" height=\"593\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner.jpg 726w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Countdown-Timer-Banner-300x245.jpg 300w\" sizes=\"auto, (max-width: 726px) 100vw, 726px\" \/><\/a><br \/>\nF) Quadratische Produkte:<\/h3>\n<p>Ab Bannern erm\u00f6glichen die mobilen PrestaShop PWA-Apps die Pr\u00e4sentation von Produkten in quadratischen Blocklisten. Der Administrator kann die Produkte f\u00fcr dieses Element ausw\u00e4hlen.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700722 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg\" alt=\"quadratische Produkte\" width=\"728\" height=\"406\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products.jpg 728w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Square-Products-300x167.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/a><br \/>\nG) Horizontal verschiebbare Produkte:<\/h3>\n<p>Sie k\u00f6nnen die Produkte in Form von horizontalem Schieben hinzuf\u00fcgen. Die ausgew\u00e4hlten Produkte k\u00f6nnen vom Shop-Administrator ausgew\u00e4hlt werden, z. B. Neuank\u00f6mmlinge, Bestseller, kundenspezifische Produkte usw.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700723 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg\" alt=\"Schiebeprodukte\" width=\"722\" height=\"405\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products.jpg 722w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Sliding-Products-300x168.jpg 300w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/a><br \/>\nH) Netzprodukte:<\/h3>\n<p>Produkte k\u00f6nnen auch auf dem Startbildschirm in Form von Blocklisten in der Rasteransicht hinzugef\u00fcgt werden. Der Shop-Administrator kann die gew\u00fcnschten Produkte und Mengen ausw\u00e4hlen, die auf dem Startbildschirm der PrestaShop PWA-App angezeigt werden sollen.<\/p>\n<h3><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700724 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg\" alt=\"Grid-Produkte\" width=\"721\" height=\"411\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products.jpg 721w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Grid-Products-300x171.jpg 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><br \/>\nI) K\u00fcrzlich aufgerufene Produkte:<\/h3>\n<p>Das PrestaShop Mobile PWA-Modul erm\u00f6glicht es dem Ladenbesitzer, ein aktuelles Registerkartenelement auf dem Startbildschirm der Webanwendung hinzuzuf\u00fcgen. Es werden alle Produkte angezeigt, die k\u00fcrzlich von Benutzern durchsucht wurden.<\/p>\n<p><strong>Hinweis:<\/strong> Der Store-Administrator kann beim Entwerfen des Layouts im Backend-Bereich bis zu 20 Elemente hinzuf\u00fcgen.<\/p>\n<h2>2.4 Wie erhalte ich Details zur Facebook-App?<\/h2>\n<p>Die Facebook-App kann durch die folgenden Schritte erstellt werden:-<\/p>\n<p><strong>Schritt 1:<\/strong>\ufffdGehen Sie zur angegebenen\ufffdURL: https:\/\/developers.facebook.com\/apps\/<\/p>\n<p><strong>Schritt 2:<\/strong>\ufffdKlicken Sie auf die Schaltfl\u00e4che \u201eNeue App hinzuf\u00fcgen\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700795 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\" alt=\"neue App hinzuf\u00fcgen\" width=\"1080\" height=\"113\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg 1080w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-300x31.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-768x80.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1-1024x107.jpg 1024w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p><strong>Schritt 3&amp;4:<\/strong>\ufffdGeben Sie Ihren App-Namen und Ihre E-Mail-ID ein und klicken Sie dann auf die Schaltfl\u00e4che \u201eApp-ID erstellen\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700794 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\" alt=\"create-app-id\" width=\"860\" height=\"398\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg 860w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-300x139.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2-768x355.jpg 768w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/a><\/p>\n<p><strong>Schritt 5&amp;6:<\/strong>\ufffdNachdem Sie auf \u201eApp-ID erstellen\u201c geklickt haben, m\u00fcssen Sie eine Sicherheits\u00fcberpr\u00fcfung wie gezeigt durchlaufen:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700787 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\" alt=\"create-app-id\" width=\"851\" height=\"388\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg 851w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-300x137.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3-768x350.jpg 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/a><\/p>\n<p><strong>Schritt 7:<\/strong>\ufffdKlicken Sie auf die Registerkarte \u201eEinstellung\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700775 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\" alt=\"fb-app-setting\" width=\"1266\" height=\"570\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg 1266w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-300x135.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-768x346.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4-1024x461.jpg 1024w\" sizes=\"auto, (max-width: 1266px) 100vw, 1266px\" \/><\/a><\/p>\n<p><strong>Schritt 8-13:<\/strong>In der Dropdown-Liste sind zwei Optionen verf\u00fcgbar, Basic und Advanced, klicken Sie auf &#8220;Basic&#8221;. Geben Sie dann Ihre \u201eApp-Dom\u00e4ne\u201c, \u201eKontakt-E-Mail\u201c, \u201eDatenschutz-URL\u201c, \u201eAllgemeine Gesch\u00e4ftsbedingungen-URL\u201c, \u201eLogo hinzuf\u00fcgen\u201c, \u201eKategorie ausw\u00e4hlen\u201c ein und klicken Sie auf die Schaltfl\u00e4che \u201e\u00c4nderungen speichern\u201c. App-Domains: yourdomain.com ist\ufffd korrekt yourdomain.com\/store ist\ufffd falsch www.domain.com ist\ufffd falsch<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700774 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\" alt=\"fb-app-id\" width=\"1083\" height=\"611\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-300x169.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-768x433.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5-1024x578.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><\/p>\n<p><strong>Schritt 14:<\/strong>\ufffdKlicken Sie nun auf \u201e+Plattform hinzuf\u00fcgen\u201c.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700773 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\" alt=\"Plattform hinzuf\u00fcgen\" width=\"1083\" height=\"611\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-300x169.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-768x433.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6-1024x578.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><strong><br \/>\nSchritt 15:\ufffd<\/strong>Und w\u00e4hlen Sie Website als Plattform aus.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700772 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\" alt=\"Plattform w\u00e4hlen\" width=\"781\" height=\"491\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg 781w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-300x189.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7-768x483.jpg 768w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><\/a><\/p>\n<p><strong>Schritt 16:<\/strong>\ufffdGeben Sie jetzt Ihre Website-URL ein.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700771 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\" alt=\"Website-URL eingeben\" width=\"883\" height=\"220\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg 883w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-300x75.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8-768x191.jpg 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/a><br \/>\n<strong>Schritt 17&amp;18:<\/strong>\ufffdKlicken Sie auf \u201eProdukte+\u201c und w\u00e4hlen Sie Facebook-Login aus.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700770 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\" alt=\"Facebook Login\" width=\"1203\" height=\"635\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg 1203w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-300x158.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-768x405.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9-1024x541.jpg 1024w\" sizes=\"auto, (max-width: 1203px) 100vw, 1203px\" \/><\/a><br \/>\n<strong>Schritt 19:<\/strong>\ufffdW\u00e4hlen Sie Web als Plattform f\u00fcr die App aus.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700769 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\" alt=\"Plattform w\u00e4hlen\" width=\"1223\" height=\"473\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg 1223w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-300x116.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-768x297.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10-1024x396.jpg 1024w\" sizes=\"auto, (max-width: 1223px) 100vw, 1223px\" \/><\/a><\/p>\n<p><strong>Schritt 20:<\/strong>\ufffdKlicken Sie nun auf Speichern.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700768 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\" alt=\"Facebook-App-ID\" width=\"1196\" height=\"527\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg 1196w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-300x132.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-768x338.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11-1024x451.jpg 1024w\" sizes=\"auto, (max-width: 1196px) 100vw, 1196px\" \/><\/a><br \/>\n<strong>Schritt 21&amp;22:\ufffd<\/strong>Klicken Sie auf Einstellungen und f\u00fcgen Sie g\u00fcltige OAuth-Umleitungs-URIs hinzu. G\u00fcltige OAuth-Umleitungs-URIs: https:\/\/example.com\/pwa-app\/login<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700767 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\" alt=\"Weiterleitungs-URL\" width=\"1193\" height=\"553\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg 1193w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-300x139.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-768x356.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12-1024x475.jpg 1024w\" sizes=\"auto, (max-width: 1193px) 100vw, 1193px\" \/><\/a><\/p>\n<p><strong>Schritt 23&amp;24:<\/strong>\ufffdKlicken Sie auf \u201eApp-Rezension\u201c. Und markieren Sie &#8220;Ihren App-Namen \u00f6ffentlich machen&#8221; auf Ja.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700748 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\" alt=\"App-\u00dcberpr\u00fcfung\" width=\"1083\" height=\"581\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg 1083w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-300x161.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-768x412.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13-1024x549.jpg 1024w\" sizes=\"auto, (max-width: 1083px) 100vw, 1083px\" \/><\/a><br \/>\n<strong>Letzter Schritt:<\/strong>\ufffdKopieren Sie die App-ID und das App-Geheimnis und f\u00fcgen Sie sie in die daf\u00fcr vorgesehenen Felder im Modul ein.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700747 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\" alt=\"letzter Schritt\" width=\"1197\" height=\"445\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg 1197w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-300x112.jpg 300w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-768x286.jpg 768w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14-1024x381.jpg 1024w\" sizes=\"auto, (max-width: 1197px) 100vw, 1197px\" \/><\/a><\/p>\n<h2>2.5 Wie erhalte ich Details zur Google App?<\/h2>\n<ul>\n<li>Gehen Sie zur Google Developers Console (https:\/\/console.developers.google.com\/project) oder klicken Sie auf den Link oben rechts auf der entsprechenden Registerkarte auf der Modulkonfigurationsseite.<\/li>\n<li>Klicken Sie nun links auf der Seite auf Projekt erstellen.<\/li>\n<li>Geben Sie einen Namen f\u00fcr Ihr Projekt ein und fahren Sie mit dem n\u00e4chsten Schritt fort.<\/li>\n<li>Klicken Sie nun im linken Men\u00fc auf APIs and auth-&gt; Credentials, wie unten gezeigt.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700746 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\" alt=\"Google-App-ID\" width=\"492\" height=\"441\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg 492w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a-300x269.jpg 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><\/p>\n<ul>\n<li>Klicken Sie im rechten Bereich des Bildschirms auf die Schaltfl\u00e4che Neue Client-ID erstellen.<\/li>\n<li>M\u00f6glicherweise m\u00fcssen Sie das Formular f\u00fcr den Zustimmungsbildschirm ausf\u00fcllen, bevor Sie fortfahren k\u00f6nnen. Dazu m\u00fcssen Sie im linken Men\u00fc auf Consent Screen klicken, wie im Bild oben gezeigt.<\/li>\n<li>F\u00fcllen Sie das Popup-Formular mit den folgenden Details aus:<\/li>\n<\/ul>\n<p><strong>Anwendungstyp:<\/strong> Internetanwendung.<br \/>\n<strong>Autorisierte JavaScript-Urspr\u00fcnge:<\/strong> Ihr Shop-Domainname (https:\/\/www.yourstore.com).<br \/>\n<strong>Autorisierte Umleitungs-URI oder URI der Loginizer-Umleitungsseite:<\/strong><br \/>\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-700745 size-full\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\" alt=\"Google-App-ID\" width=\"533\" height=\"557\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg 533w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b-287x300.jpg 287w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/a><\/p>\n<ul>\n<li>Klicken Sie nun auf die Schaltfl\u00e4che Client-ID erstellen, um Ihre Client-ID und Ihren geheimen Clientschl\u00fcssel zu erhalten.<\/li>\n<li>Jetzt k\u00f6nnen Sie das Kundengeheimnis und die Kunden-ID verwenden, damit sich Ihre Kunden mit ihrem Google-Konto in Ihrem Gesch\u00e4ft anmelden k\u00f6nnen.<\/li>\n<\/ul>\n<h2>3.0 Front-End-PWA-App-Bildschirme:<\/h2>\n<h3>3.1-Startbildschirm<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809069 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png\" alt=\"Home-Bildschirm\" width=\"263\" height=\"523\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Home-screen-151x300.png 151w\" sizes=\"auto, (max-width: 263px) 100vw, 263px\" \/><\/a><\/h3>\n<p><strong>1. Dynamisches Layout:<\/strong><\/p>\n<p>Mithilfe verschiedener Gestaltungselemente kann der Gesch\u00e4ftsadministrator je nach Bedarf ein dynamisches Layout erstellen.<\/p>\n<p><strong>2. Shop-Logo:<\/strong><\/p>\n<p>F\u00fcgen Sie das Store-Logo in der Kopfzeile der \u201eProgressive Web\u201c-App (PWA) hinzu.<\/p>\n<p><strong>3. Einkaufswagen:<\/strong><\/p>\n<p>Das Warenkorb-Symbol in der oberen rechten Ecke des Startbildschirms erm\u00f6glicht es Benutzern, den Warenkorb-Bildschirm einzuschalten.<\/p>\n<p><strong>4. Navigationsmen\u00fc:<\/strong><br \/>\nDurchsuchen Sie die Kategorien in den Apps mit dem linken Navigationsmen\u00fc auf dem Startbildschirm.<\/p>\n<h3>3.2 Akkordeon-Men\u00fc (Navigationsleiste)<\/h3>\n<p>Die \u201eProgressive Web App\u201c bietet die richtige Kategorisierung von Produkten, wie sie auf der Website verf\u00fcgbar sind. Mobile K\u00e4ufer k\u00f6nnen problemlos Produkte aus mehreren Kategorien durchsuchen. Alle CMS-Seiten sind auch im Akkordeon-Men\u00fc verf\u00fcgbar. Es bietet die folgenden Optionen:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809070 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png\" alt=\"Akkordeon-Men\u00fc-Navigationsleiste\" width=\"246\" height=\"488\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Accordion-Menu-Navigation-Bar-151x300.png 151w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/a><\/p>\n<p><strong>1. Mein Konto:<\/strong><br \/>\nDie Option \u201eMein Konto\u201c enth\u00e4lt alle pers\u00f6nlichen Benutzer-, Versand- und Bestellinformationen. Die K\u00e4ufer der PWA-App k\u00f6nnen alle gespeicherten Daten einsehen und diese auch aktualisieren.<\/p>\n<p><strong>2. Kategorien<\/strong><br \/>\nDie im linken Navigationsmen\u00fc der \u201eProgressive Web\u201c-App (PWA) angezeigten Kategorien sind die gleichen wie auf Ihrer Website.<\/p>\n<p><strong>3. CMS-Seiten:<\/strong><br \/>\nVerschiedene CMS-Seiten wie \u201e\u00dcber uns\u201c, \u201eKontakt\u201c, \u201eAllgemeine Gesch\u00e4ftsbedingungen\u201c usw. k\u00f6nnen von hier aus aufgerufen werden.<\/p>\n<p><strong>4. Sprache(n)<\/strong><br \/>\nDie Sprachoption erm\u00f6glicht es PWA-App-Benutzern, die Web-App in ihrer gew\u00fcnschten Sprache anzuzeigen. Alle verf\u00fcgbaren Sprachen werden nur unter dieser Option angezeigt.<\/p>\n<p><strong>5. W\u00e4hrung(en)<\/strong><br \/>\nAlle verf\u00fcgbaren W\u00e4hrungen auf Ihrer Website werden hier in der PrestaShop PWA-App angezeigt.<\/p>\n<p><strong>6. Anmelden\/Abmelden<\/strong><br \/>\nBenutzer k\u00f6nnen sich \u00fcber diese Option einfach bei der PrestaShop Progressive Web App an- und abmelden.<\/p>\n<h3>3.3 Kategoriebildschirm:<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809071 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png\" alt=\"Kategorie-Bildschirm\" width=\"235\" height=\"467\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Category-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a><\/h3>\n<p><strong>1. Mehrere Ansichten:<\/strong><br \/>\nDie Kategorien in der Progressive Web App (PWA) f\u00fcr PrestaShop k\u00f6nnen sowohl in der Listen- als auch in der Rasteransicht angezeigt werden.<\/p>\n<p><strong>2. Sortierung:<\/strong><br \/>\nDiese Option erm\u00f6glicht es den Online-K\u00e4ufern, die Sortierreihenfolge zu w\u00e4hlen, um die Suche einzugrenzen und das gew\u00fcnschte Produkt mit Leichtigkeit zu erhalten.<\/p>\n<p><strong>3. Filter:<\/strong><br \/>\nOption zum Filtern von Produkten vereinfacht die Produktsuche. Benutzer k\u00f6nnen alle Produkte unter Kategorien anhand verschiedener Attribute wie Gr\u00f6\u00dfe, Farbe, Preis usw. filtern.<\/p>\n<h3>3.4 Produktbildschirm:<\/h3>\n<p>Der Produktbildschirm Ihrer Progressive Web App (PWA) ist einfach und faszinierend. Mehrere Bilder desselben Produkts werden zusammen mit Name und Preis angezeigt. Die Produktverf\u00fcgbarkeit wird auch anhand von \u201eIn Stock\u201c oder \u201eOut Of Stock\u201c angezeigt <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809073 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png\" alt=\"Produkt-Bildschirm\" width=\"247\" height=\"491\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Product-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/a>Bestandsstatus. Es enth\u00e4lt die folgenden anderen Optionen:<\/p>\n<p><strong>1. Produktinfo &amp; Pflege<\/strong><br \/>\nHier werden die vollst\u00e4ndigen Produktinformationen, wie sie im Inventar verf\u00fcgbar sind, angezeigt.<\/p>\n<p><strong>2. Kurzbeschreibung<\/strong><br \/>\nBenutzer k\u00f6nnen die kurze Beschreibung Ihres Produkts lesen, um sich schnell \u00fcber den Kauf zu entscheiden.<\/p>\n<p><strong>3. Produktoptionen:<\/strong><br \/>\nAlle produktbezogenen Optionen wie Gr\u00f6\u00dfe, Farbe usw. werden hier angezeigt.<\/p>\n<p><strong>5. In den Warenkorb legen:<\/strong><br \/>\nMit dieser Schaltfl\u00e4che k\u00f6nnen Benutzer Produkte in den Warenkorb legen. Die Benutzer k\u00f6nnen den Warenkorb f\u00fcr den Kauf weiterverarbeiten.<\/p>\n<p><strong>6. Teilen von Produkten in sozialen Netzwerken:<\/strong><br \/>\nDie Freigabeoption f\u00fcr das Produkt erm\u00f6glicht es Benutzern, das Produkt auf mehreren sozialen Kan\u00e4len zu teilen.<\/p>\n<h3>3.5-Anmeldebildschirm<\/h3>\n<p>Die Progressive Web App (PWA)\ufffd<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809074 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png\" alt=\"Anmeldebildschirm\" width=\"235\" height=\"467\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Login-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a>bietet verschiedene One-Tap-Login-Optionen und macht den Anmelde-\/Registrierungsprozess nahtloser:<\/p>\n<p><strong>1. Anmeldung<\/strong><br \/>\nDie App-Benutzer k\u00f6nnen sich mit ihren vorherigen E-Mail-Anmeldeinformationen einfach bei PWA-Apps authentifizieren und anmelden.<\/p>\n<p><strong>2. Anmelden<\/strong><br \/>\nAlle neuen App-Benutzer k\u00f6nnen sich \u00fcber die PrestaShop PWA-App anmelden und ihr Konto im Store erstellen. Das Anmeldeformular fragt nur nach den notwendigen Details, um ein Konto zu erstellen.<\/p>\n<p><strong>3. Mit Facebook einloggen<\/strong><br \/>\nDie Benutzer k\u00f6nnen sich mit ihren Facebook-Kontoanmeldeinformationen bei der PWA-App anmelden.<\/p>\n<p><strong>4. Melden Sie sich mit Google+ an<\/strong><br \/>\nDie Benutzer k\u00f6nnen sich mit ihren Google-Kontoanmeldeinformationen bei der \u201eProgressive Web\u201c-App (PWA) anmelden.<\/p>\n<h3>3.6 Einkaufswagenbildschirm:<\/h3>\n<p>Der Warenkorb-Bildschirm Ihrer progressiven Web-App zeigt alle Produkte an, die dem Warenkorb hinzugef\u00fcgt wurden. Die App-Benutzer k\u00f6nnen den Produktnamen anzeigen, <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809075 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png\" alt=\"Einkaufswagen-Bildschirm\" width=\"261\" height=\"518\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Shopping-Cart-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/a>Menge, Gesamtpreis und Versandkosten. Dieser Bildschirm hat die folgenden Optionen:<\/p>\n<p><strong>1. Gutschein beantragen<\/strong><br \/>\nDiese Option erm\u00f6glicht es den Benutzern, Website-Gutscheine zu verwenden und Rabattangebote zu erhalten.<\/p>\n<p><strong>2. Gesamtproduktpreis<\/strong><br \/>\nDie Benutzer k\u00f6nnen die vollst\u00e4ndigen Kosten ihrer Einkaufstasche anzeigen, bevor sie fortfahren. Es wird automatisch nach jeder Aktualisierung mit Produktmenge oder Neuzug\u00e4ngen aktualisiert.<\/p>\n<p><strong>3. Produktmenge aktualisieren<\/strong><br \/>\nDie Benutzer der PWA-App k\u00f6nnen sogar die Produktmenge mit der Option \u201eMenge aktualisieren\u201c aktualisieren.<\/p>\n<p><strong>4. Produkt entfernen<\/strong><br \/>\nDie App-Benutzer k\u00f6nnen das Produkt einfach aus dem Warenkorb entfernen, indem sie einfach auf die Option \u201eEntfernen\u201c tippen.<\/p>\n<p><strong>5. Weiter einkaufen<\/strong><br \/>\nBenutzer k\u00f6nnen den Warenkorb verlassen, um weitere Produkte in Ihrer progressiven Web-App zu durchsuchen.<\/p>\n<p><strong>6. Weiter zur Kasse<\/strong><br \/>\nDie Benutzer der PWA-App k\u00f6nnen weiter zu den Kassen- und Zahlungsbildschirmen gehen, indem sie einfach auf die Option \u201eWeiter zur Kasse\u201c tippen.<\/p>\n<h3>3.7 Checkout-Bildschirm<\/h3>\n<p>Die progressiven Web-Apps mit PrestaShop\ufffd Progressive Web App (PWA)-Modul haben eine vereinfachte <a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-809076 alignright\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png\" alt=\"Checkout-Bildschirm\" width=\"278\" height=\"551\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Checkout-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a>Single-Screen-Checkout mit nur relevanten Informationen. Die Benutzer k\u00f6nnen vollst\u00e4ndige Checkout-Details wie Versanddetails, Rechnungsdetails, Bestell\u00fcbersicht, Bestellkommentar, Zahlungszusammenfassung anzeigen.<\/p>\n<p><strong>1. Versand- und Rechnungsdetails<\/strong><br \/>\nDieser Bildschirm enth\u00e4lt Details zu den vom Benutzer gespeicherten Versand- und Rechnungsadressen. Der Benutzer kann die neue Lieferadresse bei Bedarf auch bearbeiten\/speichern.<\/p>\n<p><strong>2. Bestell\u00fcbersicht<\/strong><br \/>\nDie Benutzer der progressiven Web-App k\u00f6nnen Produktdetails anzeigen, bevor sie bezahlen.<\/p>\n<p><strong>3. Versandarten<\/strong><br \/>\nHier werden alle verf\u00fcgbaren Versandarten angezeigt. Benutzer k\u00f6nnen diejenige ausw\u00e4hlen, die ihren Bed\u00fcrfnissen entspricht.<\/p>\n<p><strong>4. Kommentar zur Bestellung<\/strong><br \/>\nBenutzer k\u00f6nnen auch einen beliebigen Kommentar zu ihrer Bestellung hinzuf\u00fcgen, der f\u00fcr den Shop-Administrator auf der Bestell-Webseite im Backend sichtbar ist.<\/p>\n<p><strong>6. Zahlungszusammenfassung<\/strong><br \/>\nDieser Abschnitt zeigt die vollst\u00e4ndigen Zahlungsdetails f\u00fcr den Kauf an.<\/p>\n<p><strong>7. Fahren Sie mit der Zahlung fort<\/strong><br \/>\nDie Benutzer der Progressive Web App (PWA)-App werden zum Zahlungsbildschirm umgeleitet, nachdem sie auf die Schaltfl\u00e4che \u201eWeiter zur Zahlung\u201c getippt haben.<\/p>\n<h3>3.8 Zahlungsbildschirm:<\/h3>\n<p>Der Zahlungsbildschirm der PrestaShop\ufffdPWA-App enth\u00e4lt alle im Gesch\u00e4ft verf\u00fcgbaren Web-View-Zahlungen. Online-K\u00e4ufer k\u00f6nnen sowohl auf der Website als auch in progressiven Web-Apps ein \u00e4hnliches Zahlungserlebnis finden.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809078 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png\" alt=\"Zahlungsbildschirm\" width=\"272\" height=\"540\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Payment-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><\/p>\n<h3>3.9 Mein Konto-Bildschirm<\/h3>\n<p>Der Bildschirm Mein Konto der PrestaShop Progressive Web App (PWA) erm\u00f6glicht es Benutzern, ihre vollst\u00e4ndigen in der App gespeicherten Details anzuzeigen, einschlie\u00dflich einer Liste fr\u00fcherer Bestellungen.<a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809079 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png\" alt=\"mein-konto-bildschirm\" width=\"275\" height=\"546\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/My-Account-Screen-1-151x300.png 151w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n<h3>3.10 Auftragsdetailbildschirm<\/h3>\n<p>Der Bestelldetails-Bildschirm der PrestaShop Progressive Web App bietet vollst\u00e4ndige Details einer bestimmten Bestellung aus der PWA-App. Benutzer k\u00f6nnen auf einfache Weise die Lieferadresse, die Produkt\u00fcbersicht, die Versand- und Zahlungsmethode sowie die Gesamtkosten\u00fcbersicht usw. anzeigen. Es besteht sogar die M\u00f6glichkeit, den Bestellstatus und die Lieferung zu verfolgen.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-809080 \" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png\" alt=\"Bestelldetail-Bildschirm\" width=\"275\" height=\"546\" srcset=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen.png 459w, https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/Order-Detail-Screen-151x300.png 151w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1.0 Einf\u00fchrung Das schnelle Wachstum in der mCommerce-Branche hat dazu gef\u00fchrt, dass eine mobile E-Commerce-App dringend erforderlich ist. Das Erstellen mobiler Apps erfordert jedoch eine Menge Codierung und andere technische Details. Warum verwandeln Sie Ihre Online-Website nicht stattdessen in eine Web-App? Das Anbieten einer optimierten PrestaShop PWA-App w\u00fcrde das mobile Einkaufserlebnis f\u00fcr die Benutzer verbessern. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[2340,2343],"tags":[22827],"class_list":["post-701088","post","type-post","status-publish","format-standard","hentry","category-benutzerhandbuch","category-prestashop-benutzerhandbuch","tag-e-commerce-pwa"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"1.0 Einf\u00fchrung Das schnelle Wachstum in der mCommerce-Branche hat dazu gef\u00fchrt, dass eine mobile E-Commerce-App dringend erforderlich ist. Das Erstellen mobiler Apps erfordert jedoch eine Menge Codierung und andere technische Details. Warum verwandeln Sie Ihre Online-Website nicht stattdessen in eine Web-App? Das Anbieten einer optimierten PrestaShop PWA-App w\u00fcrde das mobile Einkaufserlebnis f\u00fcr die Benutzer verbessern. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-18T14:48:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-04T17:20:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"539\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch\",\"datePublished\":\"2020-04-18T14:48:08+00:00\",\"dateModified\":\"2022-03-04T17:20:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/\"},\"wordCount\":3126,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"keywords\":[\"E-Commerce PWA\"],\"articleSection\":[\"Benutzerhandbuch\",\"Prestashop Benutzerhandbuch\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/\",\"name\":\"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"datePublished\":\"2020-04-18T14:48:08+00:00\",\"dateModified\":\"2022-03-04T17:20:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Category-Of-Home-screen.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-pwa-mobile-app-user-manual\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"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..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/author\\\/joe\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/","og_locale":"de_DE","og_type":"article","og_title":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules","og_description":"1.0 Einf\u00fchrung Das schnelle Wachstum in der mCommerce-Branche hat dazu gef\u00fchrt, dass eine mobile E-Commerce-App dringend erforderlich ist. Das Erstellen mobiler Apps erfordert jedoch eine Menge Codierung und andere technische Details. Warum verwandeln Sie Ihre Online-Website nicht stattdessen in eine Web-App? Das Anbieten einer optimierten PrestaShop PWA-App w\u00fcrde das mobile Einkaufserlebnis f\u00fcr die Benutzer verbessern. [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2020-04-18T14:48:08+00:00","article_modified_time":"2022-03-04T17:20:03+00:00","og_image":[{"width":1000,"height":539,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","type":"image\/png"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch","datePublished":"2020-04-18T14:48:08+00:00","dateModified":"2022-03-04T17:20:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/"},"wordCount":3126,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","keywords":["E-Commerce PWA"],"articleSection":["Benutzerhandbuch","Prestashop Benutzerhandbuch"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/","url":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/","name":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","datePublished":"2020-04-18T14:48:08+00:00","dateModified":"2022-03-04T17:20:03+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-pwa-mobile-app-user-manual\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"PrestaShop Progressive Web App (PWA) \u2013 Benutzerhandbuch"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"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..","url":"https:\/\/www.knowband.com\/blog\/de\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/701088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=701088"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/701088\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=701088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=701088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=701088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}