PrestaShop-Produktseiten: Layout, Inhalte und Fragen
Verbessern Sie PrestaShop-Produktseiten mit klaren Kaufbedienelementen, nativen Anhängen, Tabs, Bewertungen und Produktfragen. Theme-Kompatibilität prüfen.
Lassen Sie Ihre Produktseite die Fragen beantworten, die Kunden vor dem Kauf klären müssen. Nutzen Sie klare Bedienelemente für den Kauf, strukturierte Details und hilfreiche unterstützende Inhalte und testen Sie das Ergebnis anschließend in Ihrem aktiven Theme.
So würden wir vorgehen
Wir würden bei der unbeantworteten Kauffrage oder fehlgeschlagenen Aktion beginnen und die kleinste Änderung wählen, die sie löst. Der passende Weg hängt von Ihrem vorhandenen Theme, der PrestaShop-Version, installierten Modulen, Katalogdaten und Importen, Bestands- und Preisintegrationen, Märkten und den Personen ab, die Inhalte pflegen und Anfragen beantworten. Ein fehlendes Maß braucht verlässliche Produktdaten; eine defekte Variantenauswahl braucht vor einem neuen Layout eine Diagnose.
Verwenden Sie für Änderungen an Templates, Hooks oder Modulen eine Staging-Kopie, die den Live-Shop abbildet. Isolieren Sie Kunden-E-Mails und produktive Bestands- oder Bestellexporte, spielen Sie die vollständigen Kauf- und Anfrageabläufe durch und vereinbaren Sie eine geplante Live-Umstellung. Halten Sie Sicherung, bisherige Konfiguration und Schritte zum Rückgängigmachen bereit. Behalten Sie ein funktionierendes Theme, sofern die Prüfungen nicht zeigen, dass es Ihre Anforderung nicht erfüllen kann.
Wenn Sie vor der Auswahl von Änderungen den Kaufablauf bewerten lassen möchten, liefert das PrestaShop UX & Conversion Design Audit einen priorisierten Korrekturplan. Die Umsetzung ist eine gesonderte Leistung.
Den Weg anhand der Befunde wählen
| Ihre Beobachtung | Erste Entscheidung | Nachweis vor einer Shop-Erweiterung |
|---|---|---|
| Maße verschwinden nach einem Katalogimport. | Quelldaten und Feldzuordnung korrigieren. | Ein erneuter Import erhält die korrigierten Maße in den vorgesehenen Feldern. |
| Innerhalb eines Sortiments gibt es widersprüchliche Kopien derselben Pflegeanleitung. | Einen gepflegten gemeinsamen Block mit ausdrücklichen Ausnahmen wählen. | Eine gemeinsame Änderung erreicht passende Produkte, während ein Ausnahmeprodukt seine eigene Anleitung behält. |
| Eine Auswahl oder Kaufsteuerung funktioniert nach einem Theme-Wechsel nicht mehr. | Das Zusammenspiel von Template und JavaScript auf der Kopie verfolgen. | Ausgewähltes Produkt, Menge und erforderliche Personalisierung erreichen den Warenkorb korrekt, bevor das Design weiter geändert wird. |
| Kunden stellen Kompatibilitätsfragen, die eine Person prüfen muss. | Einen privaten Anfrageweg mit zugewiesener Antwortzuständigkeit nutzen. | Der genaue Artikel und die gewählte Variante erreichen die zuständige Person; die Antwort erreicht den Kunden. |
Bedienelemente für den Kauf leicht bedienbar gestalten
Geben Sie Kunden einen klaren Überblick über Produkt, Preis, gewählte Variante, Verfügbarkeit und Kaufbutton. Platzieren Sie unterstützende Inhalte nahe genug, um Fragen zu beantworten, ohne diese Bedienelemente zu verdecken. Prüfen Sie die erste Bildschirmansicht bei mehreren Viewport-Größen, statt eine feste Sichtgrenze anzunehmen.
| Element | Praktische Prüfung |
|---|---|
| Hauptbild und Galerie | Zeigen Sie das Produkt klar, mit hilfreichen Details und funktionierendem Zoom oder größerer Ansicht. |
| Name | Benennen Sie Artikel und aussagekräftige Merkmale wie Material, Größe oder kompatibles Modell. |
| Preis | Machen Sie steuerliche Behandlung, Währung, geltende Ermäßigungen und unvermeidbare Kosten deutlich. |
| Kurzbeschreibung | Nennen Sie die Hauptvorteile knapp; halten Sie detaillierte Spezifikationen an anderer Stelle bereit. |
| Varianten und Menge | Zeigen Sie gewählte Größe, Farbe oder andere Variante und deren Verfügbarkeit vor dem Kauf. |
| In den Warenkorb | Nutzen Sie eine erkennbare Beschriftung, einen sichtbaren Fokuszustand und eine angenehm große Touch-Fläche. |
| Lieferung und Retouren | Nennen Sie relevante Bedingungen und realistische Schätzungen nahe am Entscheidungspunkt. |
Zum Beispiel bezeichnet Damen-Umhängetasche aus Leder, dunkelbraun, mittelgroß den Artikel genauer als Classic Bag 4523. Ein Vorteil wie Platz für einen 13-Zoll-Laptop sollte zu den tatsächlichen Maßen passen. Machen Sie ausführliche Beschreibungen mit Überschriften, kurzen Absätzen und Spezifikationslisten gut überfliegbar. Das Feld Kurzbeschreibung (description_short) sollte den knappen Kaufnutzen vermitteln; die lange Beschreibung liefert die Erklärung.
Prüfen Sie die Einstellungen zur Preisanzeige je Kundengruppe sowie die Steuerregeln unter International > Steuern. Unterscheiden sich Produkt- und Checkout-Preis, prüfen Sie auch Adresse, Währung, Variante, Menge, Kundengruppe, Rabatte und Cache-Kontext. Nehmen Sie nicht an, dass jeder Unterschied ein Fehler der Steueranzeige ist.
Nutzen Sie korrekte Bestandsaussagen und Liefertexte. Zeigen Sie nur Zahlungs-, Rückgabe- und Garantieversprechen, die Sie tatsächlich anbieten. Erfinden Sie keine Verkaufszahlen, Warnungen zu knappem Bestand oder Fristen.
Nutzen Sie zunächst die integrierten Zuordnungen für Zubehör oder verwandte Produkte im Produkteditor, um passende Artikel wie das richtige Kabel oder eine Schutzfolie auszuwählen, bevor Sie ein Empfehlungsmodul ergänzen. Platzieren Sie sie so, dass sie die Hauptentscheidung unterstützen, und prüfen Sie die Verfügbarkeit. Vermeiden Sie aufdringliche Einblendungen, automatisch startende Medien und Gutscheinaufforderungen, die von der Produktwahl ablenken.
Einen durch Text nach unten verschobenen Kaufbutton prüfen
Ein Möbelimport hat die Montageanleitung sowohl in die Kurzbeschreibung als auch in die lange Beschreibung geschrieben. Auf dem Smartphone erscheint der Preis, doch der Kaufbutton folgt erst nach den wiederholten Anweisungen. Klären Sie zuerst, welches Feld und Template den zusätzlichen Text erzeugen. Belassen Sie dann den Kaufnutzen in der Kurzbeschreibung und die Anleitung im ausführlichen Inhalt. Korrigieren Sie auch die Importzuordnung, sonst kann der nächste Import das Problem erneut herstellen.
Prüfen Sie auf Staging erneut das betroffene Produkt und ein Produkt mit Varianten. Der Kunde sollte die Bedienelemente erreichen, die gewünschte Ausführung wählen und sie ohne Verlust nötiger Informationen in den Warenkorb legen können. Bleibt der Button verschoben, untersuchen Sie Galeriehöhe und ausgegebene Hook-Inhalte, statt Texte blind zu kürzen.
Templates und Hooks in Ihrem Theme finden
Beginnen Sie bei modernen Smarty-basierten Themes mit templates/catalog/product.tpl und dessen Teil-Templates. In Classic gehören product-prices.tpl, product-add-to-cart.tpl, product-variants.tpl und product-details.tpl zu den wichtigen Teil-Templates. Das aktive Theme bestimmt Markup, Selektoren und Position.
Hummingbird wurde mit 9.1 zum Standard für neue PrestaShop-Installationen. Aktualisierte Shops können ihr bestehendes Theme behalten. Hummingbird nutzt Bootstrap 5.3 und andere JavaScript- und CSS-Konventionen als Classic. Lesen Sie dessen Theme-Dokumentation, bevor Sie Selektoren oder responsive Hilfsklassen kopieren.
| Hook oder Bereich | Aufgabe | Vor einer Änderung prüfen |
|---|---|---|
| displayProductPriceBlock | Zusätzliche Inhalte an benannten Positionen des Preisblocks | Typ des Aufrufs und Template-Kontext |
| displayProductActions | Zusätzliche Inhalte im Aktionsbereich | Im Add-to-Cart-Teil-Template von Classic erscheint er nach dem Kaufbutton |
| displayProductAdditionalInfo | Unterstützende Produktinformationen | Tatsächliche Position im aktiven Theme |
| displayProductExtraContent | Zusätzliche Inhaltsobjekte aus Modulen | Wie das Theme diese Objekte darstellt |
| displayFooterProduct | Ergänzende Blöcke auf Produktseiten | Theme-Platzierung und Modulverhalten |
Design > Positionen ändert die Modulreihenfolge innerhalb eines Hooks. Es verschiebt den Hook-Aufruf nicht relativ zu einem Core-Button oder Preis. Hängen Sie ein Modul nur in einen kompatiblen Hook um, den es implementiert. Prüfen Sie gerendertes DOM und Template, bevor Sie ein Modul als Ursache für einen nach unten verschobenen Button diagnostizieren.
Probieren Sie zuerst vorhandene Theme-Einstellungen und kompatible Hook-Platzierungen. Ist eine Template-Änderung nötig, nutzen Sie den unterstützten Child-Theme- oder Anpassungsprozess des Themes und halten Sie den Diff klein. Updates des übergeordneten Themes können das Markup ändern, von dem Ihre Anpassung abhängt; testen Sie daher nach Updates erneut.
PrestaShop 1.6 hat eine andere Struktur: Das Standardtemplate ist themes/default-bootstrap/product.tpl, Bildeinstellungen liegen unter Voreinstellungen > Bilder, und zusätzliche Produkt-Tabs verwenden das ältere Modell mit displayProductTab und displayProductTabContent. Moderne Beispiele mit ProductExtraContent gelten ab 1.7.
Bilder, mobiles Layout und Leistung testen
Nutzen Sie Fotos, die unterschiedliche Fragen beantworten: Hauptansicht, hilfreiche Blickwinkel, Größenverhältnis oder Nutzungskontext sowie Details wie Anschlüsse, Oberflächen oder Beschläge. Entfernen Sie überflüssige Bilder. Stellen Sie zum Theme passende Bildmaße und Formate bereit und erzeugen Sie nach Änderungen der Bildtypeinstellungen unter Design > Bildeinstellungen in modernen Versionen die benötigten Vorschaubilder neu. Prüfen Sie vor Maßänderungen, welche Bildtypen das aktive Template tatsächlich anfordert, etwa large_default oder home_default.
Testen Sie mobil die Reihenfolge von Bild, Titel, Preis, Variantenauswahl und Kaufaktion. Machen Sie die Galerie per Touch und Tastatur bedienbar, ohne eine lange vertikale Vorschaubildliste vor dem Preis zu erzwingen. Einklappbare Detailbereiche können helfen, ihre Beschriftungen und ihr Fokusverhalten müssen aber klar bleiben.
Eine fixierte Kaufsteuerung sorgfältig umsetzen
Eine fixierte Steuerung ist eine Testoption, keine universelle Conversion-Verbesserung. Binden Sie nicht das gesamte Add-to-Cart-Teil-Template zweimal ein: Das dupliziert gerendertes Markup, IDs wie quantity_wanted und Verfügbarkeitselemente sowie möglicherweise Formularfelder.
- Behalten Sie ein maßgebliches Produktformular bei und senden Sie über dessen etabliertes Verhalten ab.
- Halten Sie IDs eindeutig. Erstellen Sie keinen unabhängigen Button, dem erforderliche Personalisierungs-, Varianten- oder Mengenfelder fehlen.
- Synchronisieren Sie sichtbaren Preis, gewählte Variante, Menge, Bestand, Mindestmenge und deaktivierten Zustand nach Produktaktualisierungen. Wechseln Sie bei sichtbarer Leiste zu einer nicht verfügbaren oder anders bepreisten Variante und prüfen Sie die entstandene Warenkorbposition, nicht nur die Beschriftung.
- Prüfen Sie Tastaturfokus, Validierungsfehler, Bildschirmtastatur, Cookie-Steuerung und ausreichend Platz oberhalb der Leiste.
- Nutzen Sie responsive Hilfsklassen, die von der Bootstrap-Version des aktiven Themes unterstützt werden. Testen Sie schmale und breite Viewports.
Messen Sie den Aufwand von Galerie, Bewertungen, Chat, Analytics und Cross-Selling auf der echten Seite. Laden Sie Medien unterhalb des sichtbaren Bereichs gegebenenfalls verzögert, aber nicht das sofort benötigte Hauptbild. Ergänzen Sie Preload-Hinweise nur, wenn der gemessene Ladeablauf davon profitiert.
Ein guter Largest Contentful Paint beträgt höchstens 2,5 Sekunden am 75. Perzentil, getrennt für Mobilgeräte und Desktop bewertet. Nutzen Sie die LCP-Referenz und echte Nutzerdaten neben Labordiagnosen. Keine Galerieerweiterung kann für jedes Theme einen unveränderten Performance-Wert garantieren.
Nutzen Sie eine Vorführung, wenn Bewegung eine Kauffrage beantwortet, etwa wie sich ein Schreibtisch zusammenklappen lässt. Product Videos unterstützt Links zu gehosteten Videos oder hochgeladene Clips, mit einer Leiste, einem Videos-Tab oder einer unterstützten Galerieplatzierung. Nicht unterstützte Galerien verwenden einen separaten Videobereich. Testen Sie vor dem Start die gewählte Platzierung und das Einwilligungsverhalten, einschließlich externer Vorschaubilder. Das Produkt sollte auch verständlich bleiben, wenn Besucher die Einwilligung verweigern oder den Clip nicht abspielen können.
Die Medien- und Anzeigeoptionen der Galerieerweiterung finden Sie auf der Hilfeseite zu Gallery Revolution.
Native Beschreibungen, Eigenschaften und Anhänge nutzen
Classic stellt native Produktinformationsbereiche direkt aus Produktdaten und Templates dar. Es ist nicht auf zwei mögliche Bereiche beschränkt, und die nativen Bereiche stammen nicht aus displayProductExtraContent.
| Inhalt | Nativer Ort | Nutzung |
|---|---|---|
| Kurzbeschreibung | Kurze Produktbeschreibung | Je nach Theme knappe Vorteile nahe am Kaufbereich |
| Beschreibung | Lange Produktbeschreibung | Erklärung, Anwendungsfälle und unterstützende Details |
| Artikeldetails | Produktfelder und zugewiesene Eigenschaften | Artikelnummer und strukturierte Spezifikationen, soweit vom Theme unterstützt |
| Anhänge | Dem Produkt zugeordnete Dateien | Anleitungen, Datenblätter und andere öffentliche Downloads; Classic zeigt bei Bedarf einen Bereich für Anhänge |
Legen Sie unter Katalog > Varianten & Eigenschaften > Eigenschaften gemeinsame Eigenschaftsnamen und passende Werte an und weisen Sie sie den Produkten zu. Gewicht, Material und Leistung gehören in einheitliche strukturierte Felder, wenn Kunden sie vergleichen oder danach filtern sollen. Kategorie-Filter benötigen außerdem die entsprechende Konfiguration und den Index von Faceted Search. Vereinbaren Sie vor dem Spezifikationsimport einheitliche Einheiten und Wertbezeichnungen: Unterschiedliche Schreibweisen eines Materials je Produkt erschweren Vergleiche und können Filteroptionen aufsplitten. Prüfen Sie nach dem Import die Produktdetails und den konfigurierten Kategorie-Filter.
Attribute und Varianten beschreiben Ausführungen, die Kunden wählen, etwa Farbe und Größe. Eigenschaften beschreiben Produktmerkmale. Prüfen Sie variantenspezifischen Bestand, sinnvolle Standardwerte und die Verfügbarkeitsmeldung nach einer Auswahländerung.
Nutzen Sie für eine einfache herunterladbare Anleitung native Anhänge, bevor Sie eine eigene Tab-Erweiterung hinzufügen. Anhänge sind öffentliche Produktinformationen, getrennt von kostenpflichtigen Downloads virtueller Produkte. Prüfen Sie Dateiversionen, aussagekräftige Namen und funktionierende Links.
Ausführlichere Textempfehlungen finden Sie unter SEO-Produktinhalte, Hinweise zur Medienplanung unter Produktfotografie.
Gemeinsame Anleitungen und eigene Produktbereiche ergänzen
Erwägen Sie zuerst Überschriften innerhalb der bestehenden Beschreibung. Nutzen Sie einen eigenen Bereich, wenn Kunden von einer getrennten Anleitung, Kompatibilitätsinformation, Garantieerklärung oder Größentabelle profitieren. Pflegen Sie gemeinsame Kategorieinhalte an einer Stelle, statt dieselbe Tabelle in Hunderte Produkte zu kopieren.
Ab PrestaShop 1.7 kann ein Modul ein Array von PrestaShop\PrestaShop\Core\Product\ProductExtraContent-Objekten über displayProductExtraContent zurückgeben. Jedes besitzt einen Titel und HTML-Inhalt. Der Finder sammelt und validiert die Objekte; das Theme entscheidet über die Darstellung als Tabs, Akkordeons oder anderes Layout.
Ein Entwickler kann beispielsweise den übersetzten Titel Pflege & Größen mit Inhalt aus dem Modul-Template zurückgeben. Maskieren Sie dynamische Werte in diesem Template und vermeiden Sie nicht vertrauenswürdiges HTML. Der Hook selbst bietet weder Kategorieausrichtung noch Inhaltsbearbeitung oder Bootstrap-Oberfläche; dies gehört zur Implementierung.
Für die Backoffice-Verwaltung zusätzlicher Produktinhalte und ihrer Zuordnung verwenden Sie die Hilfeseite zu Product Extra Info Tabs. Standard-Hooks reduzieren direkte Template-Änderungen, benötigen aber weiterhin Kompatibilitätsprüfungen nach Theme- und größeren Plattformupdates.
Eine gemeinsame Anleitung mit Produktausnahme proben
Ein Schuhsortiment verwendet eine gemeinsame Pflegeanleitung, eine besondere Oberfläche benötigt jedoch eine andere Behandlung. Pflegen Sie die gemeinsamen Anweisungen zentral und geben Sie dem Ausnahmeprodukt eigene Inhalte. Das verlinkte Modul unterstützt Katalogzuordnungen, Sichtbarkeit nach Kundengruppe, Land und gewählter Variante, Inhalte je Sprache und Shop sowie eine lokale Produktversion, die den gemeinsamen Wortlaut ersetzt.
- Bestimmen Sie vor der Zuordnung der Anleitung das Sortiment, ausgeschlossene Produkte, Sprachen und Shops. Halten Sie die besonderen Anweisungen zusammen mit Zuständigkeit und Prüftermin in Ihrer Inhaltsdokumentation fest.
- Sehen Sie sich ein normales Produkt, die Ausnahme und ein Produkt außerhalb des Sortiments in der Vorschau an. Ändern Sie die relevante Variante oder den Kundenkontext und prüfen Sie, ob die richtigen Anweisungen sichtbar bleiben.
- Bearbeiten Sie die gemeinsame Anleitung einmal und wiederholen Sie die Prüfungen nach der üblichen Cache-Behandlung. Das normale Produkt sollte sich ändern, die Ausnahme ihren eigenen Wortlaut behalten und das ausgeschlossene Produkt die Anleitung nicht erhalten.
Ist die Komponente bereits ausgewählt, installiert und konfiguriert der PrestaShop Module Installation & Configuration Service ein vorhandenes Modul und prüft den vereinbarten Ablauf. Zusätzliche Entwicklung wird separat vereinbart.
- Nutzen Sie kurze, klare Beschriftungen wie Spezifikationen, Pflege, Downloads und Versand & Retouren.
- Fassen Sie knappe überlappende Bereiche zusammen und lassen Sie leere weg. Beginnen Sie mit einer kleinen Auswahl und messen Sie, ob Kunden Antworten finden.
- Prüfen Sie horizontalen Tab-Überlauf, mobile Akkordeonreihenfolge, Tastaturnavigation und Ansagen des geöffneten/geschlossenen Zustands.
- Vermeiden Sie verschachtelte Tabs. Sorgen Sie dafür, dass der Footer ohne endloses Scrollen erreichbar bleibt, auch wenn Bewertungen weitere Inhalte laden.
Halten Sie wichtige beschreibende Inhalte nach Möglichkeit im initialen HTML. Google Search klickt keinen Tab an, um dessen Inhalt abzurufen. Serverseitig gerenderte, visuell eingeklappte Inhalte können crawlbar sein; klickabhängiges Laden benötigt besondere Sorgfalt. Testen Sie gerendertes HTML mit Search Console, statt Indexierung oder Ranking zu versprechen. Befolgen Sie Googles Hinweise zu verzögert geladenen Inhalten.
Bewertungen und vertrauensbildende Informationen ehrlich platzieren
Die Platzierung von Bewertungen hängt vom installierten Bewertungsmodul und Theme ab. Das offizielle Modul Product Comments nutzt Produktseiten-Hooks wie displayFooterProduct, displayProductAdditionalInfo und filterProductContent; gehen Sie nicht davon aus, dass es einen Bewertungs-Tab über displayProductExtraContent bereitstellt.
Versionen des offiziellen Moduls liefern aggregierte Bewertungsdaten für strukturierte Produktdaten. Prüfen Sie installierte Version, Theme-Ausgabe, sichtbare Bewertungen und Markup gemeinsam. Validieren Sie die tatsächliche Seite und vermeiden Sie widersprüchliche Product-Objekte oder Bewertungen aus separaten Erweiterungen. Gültiges Markup garantiert keine Bewertungssterne in Suchergebnissen. Siehe offizielle Implementierung von Product Comments.
Moderieren Sie echte Bewertungen nach einer klaren Richtlinie. Erfinden Sie weder Rückmeldungen noch Bewertungen oder Live-Kaufmeldungen. Nutzen Sie bei Zahlen oder Bestandsangaben korrekte Definitionen und tatsächliche Daten. Bieten Sie verständliche Liefer-, Retouren- und Zahlungsinformationen, statt sich auf dekorative Siegel zu verlassen.
Für einen anderen Ablauf zur Bewertungsverwaltung verwenden Sie die Hilfeseite zu Product and Store Reviews. Eine kommerzielle Erweiterung ist eine Option, keine allgemeine Voraussetzung für Bewertungsdaten.
Fragen vor dem Kauf mit Produktbezug bearbeiten
Wählen Sie einen Kanal, den Ihr Team betreuen kann. Diese Abläufe haben unterschiedliche Anforderungen an Personal und Datenschutz:
| Kanal | Geeignet, wenn | Betriebliche Prüfung |
|---|---|---|
| Private E-Mail-Anfrage | Ein überlegter Kauf auf eine recherchierte Antwort warten kann. | Eine benannte Person betreut Postfach oder Anfragewarteschlange, mit Vertretung bei Abwesenheit. |
| Live-Chat | Ihr Team zu veröffentlichten Zeiten antworten kann. | Der Kunde hat einen hilfreichen Kontaktweg, wenn niemand verfügbar ist. |
| Öffentliche Fragen & Antworten | Wiederverwendbare Antworten anderen Käufern helfen und Sie Beiträge moderieren können. | Fragen und Antworten werden vor der Veröffentlichung geprüft und von persönlichen Angaben bereinigt. |
| Link zu einer Messaging-App | Ihre Kunden den gewählten Dienst nutzen und Mitarbeiter dessen Anfragen betreuen können. | Der Link funktioniert auf den vorgesehenen Geräten und erhält genügend Produktkontext für eine Antwort. |
Platzieren Sie den Fragelink dort, wo Kunden ihn beim Betrachten von Preis oder Spezifikationen finden. Bei von Classic abgeleiteten Themes eignet sich oft displayProductAdditionalInfo, prüfen Sie jedoch die tatsächliche Position. Eine allgemeine Kontaktseite sollte den Produktkontext erhalten, wenn Sie diesen Weg wählen. Bieten Sie weiter unten zusätzlich einen Fragenbereich an, behalten Sie einen klar erkennbaren Einstieg nahe der Kaufentscheidung bei, damit Kunden nicht zuerst den Bereich entdecken müssen.
Eine hilfreiche Anfrage enthält Produktname und ID, Name und E-Mail-Adresse des Absenders sowie die Frage. Erfassen Sie gewählte Variante und Artikelnummer, sofern Ihre Umsetzung dies unterstützt. Verwenden Sie die aktuelle Auswahl statt der beim ersten Laden angezeigten Variante. Behandeln Sie alle vom Browser gesendeten Felder als nicht vertrauenswürdig, validieren Sie den Produktkontext auf dem Server und prüfen Sie die E-Mail-Zustellung.
Für ein privates Anfrageformular mit Produktreferenz und gewählter Variante verwenden Sie die Hilfeseite zu Ask About Product. Das Modul bietet konfigurierbare Empfängeradressen, Felder und zulässige Anhänge, verlangt die Zustimmung zur Datenschutzerklärung, begrenzt automatisierte und wiederholte Einsendungen und erfasst Anfragen, Zuständigkeiten und Antwortstatus in seiner Verwaltung. Prüfen Sie E-Mail und Verwaltung der installierten Version mit einer tatsächlichen Testanfrage. Halten Sie die Veröffentlichung öffentlicher FAQ als separaten moderierten Ablauf.
- Nennen Sie eine einhaltbare Antwortzeit einschließlich Geschäftszeiten.
- Beantworten Sie die konkrete Kompatibilitäts-, Größen- oder Lieferfrage direkt. Bestätigen Sie Produkt und Variante, statt Annahmen zu treffen.
- Verlinken Sie eine hilfreiche Spezifikation oder Anleitung, wenn diese eine wahrscheinliche Folgefrage beantwortet.
- Halten Sie Nachfragen auf die Anfrage bezogen und beachten Sie Marketingpräferenzen.
- Prüfen Sie wiederkehrende Fragen und verbessern Sie Produkttext, Spezifikationsbereich oder separat gepflegte FAQ.
Wiederholte Fragen zum Unterschied zwischen 45-cm- und 60-cm-Modellen können beispielsweise auf unklare Maße, Variantenauswahl oder Vergleichsinformationen hindeuten. Verfolgen Sie aus Anfragen entstehende Bestellungen und Antwortzeiten; eine gut beantwortete Frage garantiert keinen Verkauf.
Legen Sie zum Kontexttest zuerst das 45-cm-Modell in den Warenkorb und notieren Sie die Menge. Kehren Sie zur Produktseite zurück, wählen Sie das 60-cm-Modell und senden Sie eine Kompatibilitätsfrage. Prüfen Sie, dass eingegangene Nachricht und Anfragedatensatz die 60-cm-Auswahl nennen, die Antwort den Testabsender erreicht und der Warenkorb weiterhin das ursprüngliche 45-cm-Modell mit seiner Menge enthält. Eine Bildschirmbestätigung allein belegt keine E-Mail-Zustellung. Überführen Sie wiederkehrende Antworten in gepflegte Produktinformationen, ohne persönliche Kundendaten in öffentliche Inhalte zu kopieren.
URLs prüfen und die fertige Seite messen
Die Standard-Produktroute von PrestaShop 9 behält die Produkt-ID bei und lässt den Kategoriebestandteil weg. Produktname und das Feld für die benutzerfreundliche URL link_rewrite sind getrennt. Ein geänderter Name schreibt eine bestehende benutzerfreundliche URL nicht zwingend um.
Bei ID-basierter Auflösung und über PS_CANONICAL_REDIRECT aktivierter kanonischer Weiterleitung kann ein alter Slug aufgelöst und zur aktuellen kanonischen URL weitergeleitet werden. Testen Sie tatsächliche URLs nach Umbenennung oder Migration. Ändern sich IDs, Routenmuster oder andere Bestandteile, planen Sie Weiterleitungen gezielt. Eine Routenänderung ist von einer Layoutänderung getrennt.
- Testen Sie normale und reduzierte Produkte, Varianten, nicht verfügbare Varianten, Mengenbegrenzungen, erforderliche Personalisierung und Gastzugriff.
- Vergleichen Sie den angezeigten Preis mit Warenkorb und Testbestellung für relevante Gruppen, Adressen und Währungen. Beziehen Sie die Bestands- oder Preisintegration ein, die Produktdaten normalerweise aktualisiert.
- Prüfen Sie Anleitungsdownloads, Bewertungslinks, Fragenversand und E-Mail-Zustellung.
- Prüfen Sie eindeutige IDs, Produktformularversand, Fokus, Tabs, Akkordeons und fixierte Steuerungen auf Smartphone und Desktop.
- Messen Sie Laden, Interaktion und Layoutverschiebungen mit Ihren tatsächlichen Modulen und Medien.
Definieren Sie in Ihrer Analyse die Ereignisse für Produktansichten und das Hinzufügen zum Warenkorb. Erfassen Sie von Kunden ausgelöste Tab- und Akkordeonöffnungen mit Produkt-ID und Bereichsbezeichnung und prüfen Sie, dass jede Öffnung einmal gezählt wird. Ein Bericht über Verkäufe je Ansicht ist nicht dasselbe wie der Anteil der Produktseitensitzungen mit Warenkorbzugang. Beziehen Sie Kaufabschluss, Retouren und Supportfragen in die Bewertung einer Änderung ein.
Ändern Sie nach Möglichkeit jeweils ein wesentliches Element, vergleichen Sie ähnlichen Traffic und sammeln Sie genügend Beobachtungen für die Entscheidung. Tab-Klicks zeigen Interesse, aber ein Zusammenhang zwischen Spezifikationsansichten und Käufen beweist nicht, dass das Verschieben eines Tabs mehr Verkäufe verursacht.
Veröffentlichung und Übergabe nachvollziehbar halten
- Dokumentieren Sie ursprüngliches Symptom, betroffene Produkt-URLs sowie Shop-, Theme- und Modulversionen. Bewahren Sie Ausgangseinstellungen und Seitenmessungen auf, damit das Team das Ergebnis vergleichen kann.
- Setzen Sie die vereinbarte Änderung auf der Kopie um und führen Sie die obigen Prüfungen mit sicher abgebildeten üblichen Integrationen durch. Bewahren Sie Screenshots sowie Nachweise zu Warenkorb, Testbestellung und Anfragen für die relevanten Fälle auf.
- Vereinbaren Sie, was die Veröffentlichung stoppt: falsche Preise oder Varianten, blockierter Kauf, fehlende Anweisungen oder nicht zugestellte Anfragen. Benennen Sie die Person, die Ergebnisse abnimmt, und die Person, die bisherige Dateien und Einstellungen wiederherstellen kann.
- Übertragen Sie im vereinbarten Live-Zeitfenster die geprüften Dateien und Konfiguration über das unterstützte Bereitstellungsverfahren, aktualisieren Sie die betroffenen Caches und prüfen Sie dieselben repräsentativen Produkte. Beobachten Sie nach der Umstellung das tatsächliche Warenkorbverhalten und die Anfragewarteschlange.
Fragen an Ihren Entwickler oder Ihre Agentur
- Welche Quelle ist für jedes geänderte Feld maßgeblich: Mitarbeiter, Import oder ein externes System? Bleibt die Änderung bei der nächsten Aktualisierung erhalten?
- Welches Template, welcher Hook und welche Modulversion haben das getestete Ergebnis erzeugt und was muss nach einem Update erneut geprüft werden?
- Wo sind die Kauf- und Anfrageergebnisse, einschließlich Mobilgeräten, erforderlicher Personalisierung und gewählter Variante?
- Wer pflegt Übersetzungen, Ausnahmen gemeinsamer Inhalte und unbeantwortete Anfragen und wo stehen die Anweisungen zum Rückgängigmachen?
Häufige Fragen von Shopbetreibern
Brauche ich getrennte Module für Anleitung und Frageformular?
Das verlinkte Tabs-Modul enthält als Inhaltsoption ein Produktfrageformular. Vergleichen Sie Produktkontext, Empfänger und Antwortablauf mit den Anforderungen Ihres Teams, bevor Sie eine weitere Komponente hinzufügen. Vermeiden Sie konkurrierende Formulare für dieselbe Anfrage.
Kann ich ein kundenspezifisches Dokument als Produktanhang ablegen?
Native Produktanhänge sind öffentlich. Bewahren Sie ein individuell verhandeltes Angebot oder ein Dokument mit Kundendaten in einem geschützten Ablauf auf und prüfen Sie vor der Weitergabe des Links den Zugriff mit einem unbeteiligten Konto.
Sollte ich Inhalte wegen weniger Tab-Klicks entfernen?
Prüfen Sie zuerst, ob Kunden die Inhalte finden und öffnen können und ob dieselbe Antwort bereits an anderer Stelle sichtbar ist. Eine Anleitung oder ein Kompatibilitätshinweis kann für eine kleine Käufergruppe wichtig sein. Berücksichtigen Sie neben Klicks auch Anfragen und Retouren, bevor Sie von diesen Käufern benötigte Informationen entfernen.
Sollte ich private Anfrageantworten als Produkt-FAQ veröffentlichen?
Veröffentlichen Sie eine separat geprüfte allgemeine Antwort, wenn sie anderen Käufern hilft. Entfernen Sie persönliche Angaben, bestätigen Sie die Gültigkeit für die betreffenden Produkte und Varianten und beauftragen Sie jemanden mit der Pflege bei Sortimentsänderungen.