1.0 Einführung von Knowband Prestashop Accelerated Mobile Pages (AMP) Addon:
Accelerated Mobile Pages oder AMP ist eine Technologie, die auf den Bildschirmen von Smartphones und Tablets bequemen Zugriff auf Informationen im Internet bietet. AMP ist eine fortschrittliche Google-Technologie, die die Ladezeit der Website reduziert. Das Ziel jedes E-Commerce-Shop-Betreibers sollte sein, die Ladezeit der Website zu reduzieren. Prestashop-Modul für beschleunigte mobile Seiten (AMP).
Prestashop AMP-Modul ermöglicht es dem Administrator, die Startseite, Kategorieseiten, Produktseiten und CMS-Seiten in schnell ladende AMP-Seiten zu konvertieren. Mit Hilfe des Google Accelerated Mobile Pages-Moduls kann der Administrator die Ladezeit der Website reduzieren. Mit AMPs hat der E-Merchant auch die Möglichkeit, Abschnitte (Bestseller, Featured Products, New Arrival) zu aktivieren / deaktivieren. Sie können die erstaunliche Benutzererfahrung bereitstellen. Sobald Ihre Kunden zufrieden sind, wird der Verkauf leicht vonstatten gehen.
1.1-Funktionen des Moduls für beschleunigte mobile Seiten von Prestashop:
1. Mit dem Prestashop Accelerated Mobile (AMP) -Modul kann der Store-Administrator die Webseite in AMP umwandeln.
2. Mithilfe des Prestashop AMP-Moduls kann der Store-Administrator die Startseite, Kategorieseiten, Produktseiten und CMS-Seiten in AMP konvertieren.
3. Das Preestashop Accelerated Mobile (AMP) Addon von Knowband bietet dem Store-Besitzer die Möglichkeit, die Homepage, Kategorieseiten, Produktseiten und CMS-Seiteneinstellungen des Backoffice anzupassen.
4. Der Administrator kann das Business-Logo auf AMP hochladen und die Breite und Höhe der Website festlegen.
5. Prestashop AMP Module bietet dem Filialisten eine Option zum Hinzufügen des Custom CSS zum Hinzufügen der zusätzlichen Funktionen.
6. Mit dem Google Accelerated Mobile Pages-Modul kann der Store-Administrator die Anzeige der Bestseller-Option, der Features und der neuen Produkte auf der Startseite aktivieren / deaktivieren. Abgesehen davon können sie die Nr. Auswählen. des Produkts in einem bestimmten Abschnitt gezeigt.
7. Der Prestashop-Ladenbesitzer kann das Banner der Bestseller, Features und neuen Produkte auf der Homepage ändern.
8. Prestashop Accelerated Mobile Pages (AMP) -Modul bietet die Social-Media-Sharing-Optionen auf der AMP. Sogar Administratoren können durch Hinzufügen des Skripts weitere Symbole hinzufügen.
9. Der Administrator kann die AMP-Kategorien vom Back-End des Prestashop AMP-Moduls anpassen. Die Kunden durchsuchen Kategorien von der AMP-Seite.
10. Mithilfe des Google Accelerated Mobile Pages-Moduls kann der Administrator mit Hilfe von CRON automatisch eine AMP-Sitemap erstellen.
11. Der Administrator kann eine AMP-Sitemap erstellen, indem er auf die Schaltfläche klickt.
12. Das Prestashop Accelerated Mobile Pages Addon von Knowband unterstützt Google Analytics. Der eCommerce-Administrator kann die Analytics-Client-ID zum Verfolgen der AMP-Leistung eingeben.
13. Google Accelerated Mobile Pages unterstützt mehrere Sprachen.
14. Mit Hilfe des Prestashop AMP-Moduls kann der Prestashop-Store-Administrator Farbe festlegen
15. Prestashop AMP-Modul ist einfach zu bedienen und zu handhaben.
Technologie für die Entwicklung
Sprache: PHP
Rahmen: PrestaShop
2.0-Schritte für die Installation von Prestashop Accelerated Mobile Pages (AMP) Addon:
1.Die Ordnerstruktur des Prestashop AMP-Moduls.
2. Kopieren Sie den gesamten Ordner, der als Produktupdate bezeichnet wird, in Ihren Modulordner des Stammverzeichnisses Ihres PrestaShop-Speichers über FTP.
3. Sie können das Produkt AMP Plug-In finden, das in den Modulen in Ihrem PrestaShop Store wie folgt installiert werden kann:
4. Klicken Sie auf den Link Installieren, um das Plugin zu installieren.
Jetzt ist Ihr Plugin für beschleunigte Mobile Pages (AMP) von Prestashop einsatzbereit und klickt auf “Setzen“Link zur Konfiguration dieses Prestashop-Moduls durch Knowband.
3.0 Admin-Schnittstelle
Nach der Installation des Google Accelerated Mobile Pages-Moduls (AMP-Moduls) im Geschäft bietet das Prestashop-Addon die folgenden Schnittstellen:
1. Allgemeine Einstellungen 2. Startseite Einstellungen 3. Kategorieseiteneinstellungen 4. Produktseite Einstellungen 5. Menü Einstellungen 6. Look and Feel Einstellungen 7. Social Media Einstellungen 8. Zusätzliche Symboleinstellungen 9. Google Einstellungen 10. Sitemap-Einstellungen
Jede Schnittstelle des Moduls für beschleunigte mobile Seiten (AMP) des Knowbands für Prestashop wird unten erläutert.
3.1 Allgemeine Einstellungen
Die Registerkarte Allgemeine Einstellungen dieses Prestashop AMP-Addons hat folgende Optionen:
Aktivieren deaktivieren: Zunächst wird dieses Feld von Prestashop Accelerated Mobile Pages von Knowband deaktiviert. Der Administrator kann das Plugin aktivieren / deaktivieren, indem er die Schaltfläche wechselt.
Wenn Sie diese Einstellung aktivieren, werden die Webseiten in AMP umgewandelt.
AMP auf mobilem Gerät erzwingen: In diesem Abschnitt des Knowband Prestashop AMP-Addons kann der Administrator die Einstellungen für AMP-Seiten auf dem mobilen Gerät aktivieren.
Website Logo: Mit dieser Option des Google Accelerated Mobile Pages (AMP) -Moduls kann der Händler das Logo des AMP hochladen oder ändern.
Logo Breite: Hier kann der Shop-Administrator die Breite des Logos in Pixel festlegen.
Logo Höhe: Hier kann der Shop-Administrator die Höhe des Logos in Pixel festlegen.
Aktivieren / Deaktivieren der Homepage AMP: Der Store-Administrator kann AMP auf der Startseite der Site aktivieren / deaktivieren. Nachdem die Option aktiviert wurde, kann der Administrator die Startseite AMP durch Klicken auf die Schaltfläche Vorschau überprüfen.
Aktivieren / Deaktivieren der Kategorieseite AMP: Der Store-Administrator kann AMP auf den Kategorieseiten aktivieren / deaktivieren. Nachdem die Option aktiviert wurde, kann der Administrator die Kategorieseite AMP durch Klicken auf die Schaltfläche Vorschau überprüfen.
Aktivieren / Deaktivieren der Produktseite AMP: Mit dieser Option des AMP-Addons (Prestashop Accelerated Mobile Page) kann der Store-Administrator AMP auf den Produktseiten AMP der Site aktivieren und durch Klicken auf die PREVIEW-Schaltfläche anzeigen.
Aktivieren / Deaktivieren CMS Seite AMP: Prestashop AMP Page Module gibt dem Händler die Option, die CMS-Seite in AMP umzuwandeln. Das Erscheinungsbild der Seiten kann durch Klicken auf die Schaltfläche Vorschau angezeigt werden.
Benutzerdefinierte CSS: Der Prestashop-Store-Administrator kann in diesem Abschnitt benutzerdefinierten CSS-Code gemäß Geschäftsanforderungen hinzufügen.
3.2-Homepage-Einstellungen
Auf dieser Registerkarte des Add-Ons von Prestashop Accelerated Mobile Pages (AMP) von Knowband kann der Administrator die Anzeige von Neuankömmlingen, Bestsellern und vorgestellten Produkten auf der AMP-Startseite dieses Prestashop-Moduls in verschiedenen Sprachen aktivieren / deaktivieren. Diese Registerkarte enthält die folgenden Optionen:
1. Startseite Einstellungen 2. Vorgestellte Produkteinstellungen 3. Meistverkaufte Produkteinstellungen 4. Neue Ankunft Produkteinstellungen
3.2.1-Homepage-Einstellungen:
Angepassten Text anzeigen: Der Administrator kann hier die Option Benutzerdefinierter Text aktivieren / deaktivieren.
Benutzerdefinierter Text: In diesem Google Accelerated Mobile Pages Addon kann der Geschäftsadministrator den Text des Homepage-Blocks ändern.
Position anzeigen: Der Administrator kann die Anzeigeposition auswählen, die das Frontend der Site widerspiegelt.
3.2.2 Empfohlene Produkte Einstellungen:
Aktivierte Produkte aktivieren: Mit dieser Option der Prestashop AMP-Erweiterung kann der eCommerce-Store-Administrator den Abschnitt für vorgestellte Produkte aktivieren / deaktivieren.
Ausgewählte Produkte im Karussell anzeigen: Hier kann der Shop-Administrator die vorgestellten Produkte im Karussell platzieren.
Zufallsanzeige: Der Store-Administrator kann die Anzeige der zufälligen Produktanzeige aktivieren / deaktivieren. Nach dem Aktivieren dieser Funktion wird eine zufällige Produktanzeige in der jeweiligen Sektion in AMP angezeigt.
Wählen Sie Produkte: Das Prestashop Accelerated Mobile Pages Addon von Knowband ermöglicht es dem Store-Administrator, die Anzahl der Produkte auszuwählen, die im Abschnitt “Feature-Produkt” angezeigt werden sollen.
Banner anzeigen: Der eCommerce-Händler kann die Display-Banner-Option aktivieren / deaktivieren.
Banner hochladen: In diesem Feld kann der Geschäftsadministrator das Banner für das vorgestellte Produkt hochladen.
3.2.2 Meistverkaufte Produkte Einstellungen:
Auf dieser Registerkarte kann der Administrator des Prestashop-Shops die Einstellungen des meistverkauften Produkts anpassen. Sehen Sie sich den beigefügten Screenshot an:
3.2.3 Neue Ankunft Produkte Einstellungen:
Der Administrator hat die Kontrolle über die Anzeige von New Arrival Product-Positionen auf AMP-Seiten.
3.3 Kategorie Seiteneinstellungen
Auf der Registerkarte Kategorieseiteneinstellungen des Add-ons für beschleunigte mobile Seiten von Prestashop kann der Administrator Text und Bilder hinzufügen. Abgesehen davon kann der Administrator auch die Position des Textes auf der Kategorieseite definieren. Diese Registerkarte enthält die folgenden Optionen:
Angepassten Text anzeigen: Der Administrator kann die Option Benutzerdefinierte Nachricht aktivieren / deaktivieren.
Benutzerdefinierter Text: Mit dieser Option des Prestashop AMP-Moduls kann der eCommerce-Store-Administrator die Nachricht der Kategorie Page festlegen.
Position anzeigen: Auf dieser Registerkarte kann der Geschäftsadministrator die Anzeigeposition nach Wunsch ändern. Diese Änderungen werden sich in der Vorderseite des Geschäfts widerspiegeln.
Produkt Bild Größe: Der Prestashop-Shop-Administrator kann hier den Image-Typ festlegen.
3.4-Produktseiteneinstellungen
Der Administrator hat die Kontrolle über die Einstellungen der Produktseite auf AMP-Seiten. Diese Registerkarte enthält die folgenden Optionen:
Angepassten Text anzeigen: Der Administrator kann die Option Benutzerdefinierte Nachricht aktivieren / deaktivieren.
Benutzerdefinierter Text: Mit dieser Option des Prestashop AMP-Moduls kann der eCommerce-Store-Administrator die Nachricht der Kategorie-Seite festlegen.
Position anzeigen: In dieser Option kann der Geschäftsadministrator die Anzeigeposition nach Wunsch ändern. Diese Änderungen werden sich im Front-End des Geschäfts widerspiegeln.
Produkt Bild Größe: Der Administrator des Prestashop-Shops kann die Bildgröße auswählen, die hier angezeigt werden soll.
Display Kurzbeschreibung: In dieser Option kann der Geschäftsadministrator die Kurzbeschreibung des Produkts anzeigen, indem er diese Funktion aktiviert.
Lange Beschreibung anzeigen: Der Ladenbesitzer hat die Option, die lange Beschreibung des Produkts gemäß der Anforderung anzuzeigen.
Produktbewertung anzeigen: Durch Verwendung des Moduls für beschleunigte mobile Seiten von Prestashop kann der Geschäftsadministrator die Option zur Überprüfung des Produkts aktivieren. Nachdem Sie diese Funktion aktiviert haben, wird die Produktbewertung im Frontend des Geschäfts angezeigt.
Zusätzliche Informationen anzeigen: Durch Aktivierung dieser Funktion kann der Administrator die zusätzlichen Informationen zu den Produkten anzeigen.
Ähnliche Produkte anzeigen: Wenn Sie diese Option aktivieren, kann der Geschäftsadministrator das zugehörige Produkt anzeigen. Diese Änderungen werden sich in der Vorderseite des Geschäfts widerspiegeln.
3.5-Menüeinstellungen
Auf dieser Registerkarte kann der Administrator des Prestashop-Stores die Menüs auf AMP konfigurieren. Der Administrator kann sogar neue Menüoptionen hinzufügen. Diese Registerkarte enthält die folgenden Optionen:
Aktivieren deaktivieren: Der Administrator kann den AMP in Menüs aktivieren, indem er die Schaltfläche wechselt.
Menütitel: Prestashop AMP Addon von Knowband ermöglicht dem Shop-Administrator, das Menü durch Eingabe des Titels hier hinzuzufügen.
Übergeordneter Menüpunkt: Hier kann der eCommerce-Händler das Eltern-Menü nach Belieben auswählen.
Menüelementtyp: Der Admin kann den Elementtyp des Menüs auswählen.
Kategorie auswählen: Der Store-Administrator kann die bestimmte Seite auswählen, auf der der Benutzer auf die definierte AMP-Seite umgeleitet werden soll.
HINWEIS: Diese Änderungen werden im Abschnitt “Menüstruktur” angezeigt.
3.6 Look and Feel Einstellungen
Der Administrator kann die Farbeinstellungen steuern und die AMP-Farben der Website nach Ihren Bedürfnissen anpassen. Sie können die AMP-Seitenfarben entsprechend Ihrem Thema und Ihren Voreinstellungen ändern. Diese Registerkarte wird folgenden Abschnitt haben:
1. Allgemeine Einstellungen 2. Einstellungen für Produkteinträge 3. Kategorieeinstellungen 4. Produkteinstellungen
3.6.1 Allgemeine Einstellungen
Auf dieser Registerkarte des Add-Ons von Prestashop Accelerated Mobile Pages (AMP) von Knowband kann der Administrator die AMP-Homepage-Einstellungen anpassen. Diese Registerkarte enthält die folgenden Optionen:
Hintergrundfarbe: Der Administrator kann die Hintergrundfarbe der Startseite ändern.
Schriftfarbe: Der Administrator kann die Schriftfarbe aus diesem Bereich ändern.
Hintergrundfarbe des Headers: Dieses Feld von Prestashop Accelerated Mobile Pages (AMP) ermöglicht es dem Administrator, die Hintergrundfarbe des Headers festzulegen.
Header Schriftfarbe: Mit dieser Option des Prestashop AMP-Moduls kann der Administrator die Schriftfarbe für den Text festlegen, der im Header-Bereich angezeigt wird.
Header Icon Farbe: Der Prestashop Store Admin kann die Symbolfarbe des.
Footer Hintergrundfarbe: Mit dieser Option des Google Accelerated Mobile Pages (AMP) -Moduls kann der Administrator die Hintergrundfarbe der Fußzeile festlegen.
Footer Schriftfarbe: Der Administrator kann die Schriftfarbe aus diesem Bereich ändern.
Footer Icon Farbe: Der Administrator kann die Symbolfarbe in diesem Abschnitt ändern.
Footer Lower Bar Hintergrundfarbe: Der Store-Händler kann die Hintergrundfarbe des Footer Lower Bar ändern.
Linke Menü Slider Hintergrundfarbe: Der Prestashop Merchant kann die Hintergrundfarbe des linken Schiebereglers in diesem Abschnitt von “Beschleunigte mobile Seiten (AMP)” für Prestashop ändern.
Linke Menüleiste Hintergrundfarbe: Der Prestashop-Shop-Administrator kann die Hintergrundfarbe des linken Menükopfs entsprechend der Anforderung ändern.
Linke Menüleiste Schriftfarbe: Der Administrator kann die Schriftfarbe aus diesem Bereich ändern.
Linke Menü Sidebar Icon Farbe: Der Administrator kann die Symbolfarbe in diesem Abschnitt ändern.
Header Links Hintergrundfarbe: In diesem Abschnitt von Prestashop Accelerated Mobile Pages (AMP) Modul kann der Administrator die Kopfzeile links Hintergrundfarbe einstellen.
3.6.2-Produktlisteneinstellungen
Der Administrator kann die Einstellungen der Produktliste gemäß den Anforderungen anpassen. Unten erwähnt die Option:
Produkt Titel Farbe: In diesem Abschnitt des Google Accelerated Mobile Pages (AMP) -Moduls kann der Administrator die Produkttitelfarbe ändern.
Produkttitel Schriftgröße: Der Store-Administrator kann die Schriftgröße des Produkts festlegen.
In den Warenkorb Button Farbe: Das Prestashop AMP Pages-Modul von Knowband ermöglicht es dem Administrator, die Farbe des Buttons “In den Warenkorb” nach Wunsch zu ändern.
In den Warenkorb Button Schriftfarbe: Der Administrator kann die Schriftfarbe der Schaltfläche “In den Warenkorb” anpassen.
In den Warenkorb Schriftgröße: Der Store-Administrator kann die Schriftgröße der Schaltfläche In den Warenkorb legen festlegen.
3.6.3 Kategorieeinstellungen
Auf dieser Registerkarte kann der Geschäftsadministrator die Einstellungen der Kategorieseiten anpassen. Diese Änderungen werden sich in der Vorderseite des Geschäfts widerspiegeln.
Kategorie Überschrift Schriftfarbe: Der Prestashop-Shop-Administrator kann die Schriftfarbe für die Kategorieüberschrift entsprechend der Anforderung ändern.
Rubrik Überschrift Schriftgröße: Der Administrator kann die Schriftfarbe aus diesem Bereich ändern.
3.6.4-Produkteinstellungen
In diesem Abschnitt kann der Administrator die Produkteinstellungen gemäß den Anforderungen anpassen. Die Konfigurationsoption dieses Abschnitts entspricht der im Abschnitt Produktliste beschriebenen Konfiguration.
3.7 Social Media Einstellungen
In diesem Abschnitt des Prestashop AMP-Moduls kann der Store-Administrator die Freigabeoption für soziale Medien auf den AMP-Webseiten aktivieren / deaktivieren. Alle aktivierten Social-Media-Freigabeoptionen werden auf dem AMP angezeigt. Diese Registerkarte enthält die folgenden Optionen:
Shop-Adresse in der Menüleiste anzeigen: Der Administrator kann die Store-Adresse anzeigen, indem er diese Funktion aktiviert.
Shop-E-Mail-Adresse anzeigen: Der Prestashop-Ladenbesitzer kann die E-Mail-Adresse anzeigen.
Shop-Kontaktnummer anzeigen: In diesem Feld kann der Geschäftsadministrator die Kontaktdaten der Website anzeigen.
Facebook-Symbol anzeigen: Der Shop-Administrator hat die Möglichkeit, ein Facebook-Icon in der Menüleiste anzuzeigen. Für diesen Admin muss die URL der Facebook-Seite im entsprechenden Feld angegeben werden.
Twitter-Symbol anzeigen: In diesem Bereich kann der Administrator das Twitter-Icon aktivieren / deaktivieren.
Google-Symbol anzeigen: Mit dieser Option kann der Prestashop-Händler das Google-Symbol in der Menüleiste anzeigen. Für diesen Administrator muss die URL der Google-Seite im entsprechenden Feld angegeben werden.
Verknüpftes Symbol anzeigen: In diesem Abschnitt kann der Geschäftsadministrator das Linkedin-Symbol hier anzeigen. Der Store-Administrator muss die URL des Profils eingeben.
Tumblr Icon anzeigen: Der Prestashop-Shop-Besitzer kann das Tumblr-Profil hier anzeigen.
Pinterest-Symbol anzeigen: Der Store-Administrator hat die Option, ein Pinterest-Icon in der Menüleiste anzuzeigen. Für diesen Administrator muss die URL der Pinterest-Seite im entsprechenden Feld angegeben werden.
3.8 Extra Symbol Einstellungen
In diesem Abschnitt kann der Administrator das zusätzliche Social Media-Symbol gemäß den Anforderungen des Unternehmens hinzufügen. Diese Registerkarte enthält die folgenden Optionen:
Zusätzliches Symbol aktivieren: Der Prestashop-Shop-Administrator kann die zusätzliche Symbolfunktion aktivieren / deaktivieren. Wenn sie mehr Social-Media-Symbol hinzufügen möchten, können sie hier mit Leichtigkeit hinzufügen.
Icon-Klasse: Der Administrator kann die Icon-Klasse eingeben.
Symbol URL: In diesem Tab kann der Shop-Administrator Icon URL nach Wunsch angeben. Diese Änderungen werden sich in der Vorderseite des Geschäfts widerspiegeln.
3.9 Google Analytics Einstellungen
Der Administrator muss über die Analytics-Client-ID verfügen, um diese Funktion konfigurieren zu können.
Aktivieren Sie Google Analytics: Wenn Sie die Leistung der beschleunigten mobilen Seiten Ihrer Website verfolgen möchten, ermöglicht diese Funktion dem Administrator die Eingabe des Google Analytics-Clients.
Analytics-Kunden-ID: Der eCommerce-Händler kann Ihre Google Analytics-Client-ID zur Konfiguration eingeben.
3.10-Sitemap-Einstellungen
In diesem Abschnitt kann der Geschäftsadministrator die AMP-Sitemap generieren, indem er auf die Schaltfläche klickt.
Erstellen der Sitemap sind hier.
Wie erstelle ich Sitemap für AMP?
Der Administrator kann eine Sitemap erstellen, indem er CRON ausführt.
Accelerated Mobile Pages (AMP) -Modul ermöglicht dem Store-Admin, Cron über einzurichten
URLs zu Cron über Systemsteuerung hinzufügen Cron-Setup über SSH
CRON
Um die Sitemap automatisch zu erstellen, kann der Prestashop-Store-Admin den Cron-Job einrichten. Im Admin-Panel des Moduls stehen zwei Optionen zur Verfügung.
1.
Fügen Sie den Cron über Systemsteuerung / Kitt zu Ihrem Shop hinzu, um die Sitemap zu erstellen / zu aktualisieren. Hier finden Sie die Anweisungen zum Einrichten von Crons –
URLs, die Cron über die Systemsteuerung hinzugefügt werden sollen
Sitemap erstellen
https://pstest2.knowband.com/ps1617/en/module/kbamppages/cron?action=syncSiteMap&secure_key=05d25b0b5a4a46268677e35c06cc51ef
Cron-Setup über SSH
Sitemap erstellen
‘https://pstest2.knowband.com/ps1617/en/module/kbamppages/cron?action=syncSiteMap&secure_key=05d25b0b5a4a46268677e35c06cc51ef’
4.0 Front Interface des Moduls für beschleunigte mobile Seiten von Prestashop:
Nachdem Sie das Modul für beschleunigte mobile Seiten (AMP) von Prestashop nach Knowband aktiviert haben, kann der Store-Administrator die Einstellungen für die Homepage, Kategorieseiten, Produktseiten und CMS-Seiten aktivieren. Gemäß den Einstellungen, die vom Administrator aktiviert werden, sieht AMP wie folgt aus:
Homepage:
Prestashop AMP Pages ermöglicht es dem Administrator, das Produkt “Best Seller”, “New Products” und “Features” auf der Startseite anzuzeigen. Für eine bessere Nutzerbindung.
Kategorie Seite
Gemäß der Einstellung, die vom Administrator aktiviert wurde, werden die Kategorien-AMP-Seiten auf dem Mobilgerät wie dieser Screenshot angezeigt.
Produktseite
Gemäß der Einstellung, die vom Administrator im Backoffice aktiviert wurde, wird das Layout der Produkt-AMP-Seite auf dem Mobilgerät wie dieser Screenshot angezeigt.
CMS Seite
Der Administrator kann die Einstellungen für die CMS-Seite wie unten beschrieben anzeigen.
Menu Icon
Prestashop Accelerated Mobile Pages zeigt das Menüsymbol wie folgt an.