Einen interaktiven Produktkatalog erstellen

Lassen Sie Besucher Produktdetails prüfen, Varianten auswählen und Optionen vor einer Entscheidung vergleichen.

Ein Bettwäschehersteller bereitet ein neues Set vor. Kunden fragen, ob es auf hohe Matratzen passt, wie sich die Farben unterscheiden und was sich zwischen Queen und King ändert. Ein einzelnes Foto mit Preis beantwortet keine dieser Fragen.

Ein interaktiver Katalog passt, wenn Besucher ein Produkt vor einer Kontaktaufnahme oder Anfrage genauer prüfen und auswählen müssen. Schon ein Katalog mit nur einem Produkt ist nützlich, wenn eine Auswahl das passende Foto, die Maße und den Preis der Variante sichtbar macht.

Kurzfassung

Listen Sie Varianten, Fotos, Maße und Beispielpreise auf. Fragen Sie nach Auswahlelementen, die Produktdarstellung und Zusammenfassung aktualisieren. Testen Sie Größen- und Mengenwechsel und prüfen Sie die Beispieltasche. Gleichen Sie vor der Freigabe jede Variante mit Ihren Quelldaten ab.

Mit den Entscheidungen der Besucher beginnen

Erfassen Sie Varianten und Produktdaten vor der Anfrage. Trennen Sie angezeigte Preise von Zusagen zu Zahlung oder Bestand. Verwenden Sie im ersten Entwurf eindeutige Beispielwerte:

Markdown
Erstelle einen interaktiven Katalog für ein beispielhaftes Leinenbettwäsche-Set.
Biete Oat und Clay sowie Queen für 140 USD und King für 160 USD an.
Kennzeichne Fotos und Preise als Beispiele. Zeige Maße, einen Hinweis
für 15 Zoll hohe Matratzen, Material und Pflege. Besucher wählen Farbe,
Größe und Menge und legen die Auswahl in eine Beispieltasche mit
aufgeschlüsselter Summe. Ergänze klar als Beispiele markierte Bewertungen
und einen Filter für Bewertungen mit Fotos. Die App dient der Produkterkundung;
ergänze keinen Checkout und behaupte keinen aktuellen Lagerbestand.

Ersetzen Sie vor öffentlicher Nutzung alle Beispieldaten durch Ihre Kataloginformationen. Eine Live-App auf dem Canvas erstellen erklärt Erstellung, Freigabe und gespeicherte Daten. Layout und Produkte des folgenden Beispiels sind kein garantiertes Ergebnis Ihrer Anfrage.

Das Leinenbeispiel testen

Die englischsprachige Slowfield-Produktseite verbindet Fotos, Farb- und Größenwahl, Menge, Tasche und Bewertungsfilter.

In neuem Tab öffnen
Eine Leinenproduktseite mit Farb- und Größenwahl, Beispieltasche und Bewertungsfiltern

Diese Vorschau verwendet Beispieldaten. Beim Neuladen werden Ihre Änderungen zurückgesetzt.

Testen Sie diese Vergleiche:

  1. Wechseln Sie zwischen Queen und King, ändern Sie die Menge und prüfen Sie den Betrag auf der Schaltfläche zum Hinzufügen. Legen Sie eine Auswahl hinein und öffnen Sie Bag zur Kontrolle.
  2. Filtern Sie nach Bewertungen mit Fotos. Vergleichen Sie deren Aussagekraft mit den Studioaufnahmen darüber.

Die Vorschau verwendet kurzlebige Beispieldaten. Auswahl und Änderungen werden beim Neuladen zurückgesetzt. Das Hinzufügen zur Tasche kauft nichts, reserviert keinen Bestand und löst keine Zahlung aus.

Die noch offene Frage beantworten

Fragen Sie nach einem Test, welche Entscheidung noch schwerfiel. Daraus wird eine gezielte Änderung:

Markdown
Ergänze neben der Größenwahl einen Vergleich mit genauem Lieferumfang
und Maßen der Queen- und King-Sets. Die gewählte Größe soll während
des Vergleichs sichtbar bleiben. Erhalte den aktuellen Tascheninhalt.

Prüfen Sie vor der Freigabe jede Variante anhand der Quelldaten: Fotos, Einheiten, Preise und nicht verfügbare Kombinationen. Ändern Sie nach einem Variantenwechsel die Menge und kontrollieren Sie die Zusammenfassung. Kennzeichnen Sie erfundene Bewertungen eindeutig. Soll als Nächstes eine individuelle Anfrage erfasst werden, nutzen Sie ein Bestellformular und legen Sie genau fest, welche Verpflichtung das Absenden bedeutet.

Feedback geben

War dieser Artikel hilfreich?