Diese Anleitung zeigt dir, wie du den Customizer steuerst, den Kunden für ein Produkt sehen. Du wählst das Layout des Formulars, legst die Reihenfolge der Felder fest und siehst dir den echten Customizer direkt im Design Studio in der Vorschau an. Sie richtet sich an Händler, die schon einige Felder für Kunden bearbeitbar gemacht haben und gestalten möchten, wie sich das Formular für Kunden anfühlt.
Hast du noch keine Felder bearbeitbar gemacht, beginne mit Felder für Kunden bearbeitbar machen. Das Formular zeigt nur Felder, die du für Kunden geöffnet hast.
Ein Formular-Layout wählen
Öffne den Bereich Customizer in der linken Leiste, um festzulegen, wie Kunden durch die Felder gehen. Wechsle unter Layout zwischen Eine Seite und Schritte. Bei Schritte siehst du dann, wie die Schritte aussehen können, jeweils als kleines Bild: Schrittanzeige, Akkordeon oder Reiter, mit den feineren Einstellungen, etwa dem Fortschrittsstil und der Stelle, an der der Preis erscheint, unter Mehr. Die Vorschau im Dock rechts folgt deiner Auswahl.
Das macht jedes davon:
- Eine Seite hält die Felder in einem Formular.
- Schritte / Schrittanzeige ordnet die Felder in aufeinanderfolgende Schritte.
- Schritte / Akkordeon gruppiert Felder in aufklappbaren Abschnitten.
- Schritte / Reiter zeigt jeweils einen Schritt, mit den Schritten als Reiter darüber.
Die Formulareinstellungen öffnen
Klicke im Design Studio in der linken Leiste auf Customizer. Die Formulareinstellungen öffnen sich im Bereich.
Dein Layout wählen
Wähle unter Layout Eine Seite oder Schritte und bei Bedarf die Struktur. Speichere deine Änderungen und aktualisiere die vorgesehene Veröffentlichung, bevor du den Ablauf für Kunden prüfst.
Felder umordnen und in der Vorschau prüfen
Das Dock rechts nutzt gemeinsame Formularkomponenten mit den aktuellen Einstellungen des Editors. Es ist nützlich, um Felder und Aussehen zu prüfen, aber die veröffentlichte Kundenseite braucht trotzdem eine eigene Prüfung. Wechsle das Dock oben zwischen Bearbeiten und Vorschau.
In Bearbeiten ordnest du das Formular an. Zeige auf ein Feld, und ein kleiner Griff und ein Stift erscheinen: Ziehe den Griff, um die Reihenfolge des Felds zu ändern, und klicke auf den Stift, um direkt zu den Einstellungen dieses Felds im Editor zu springen. Der Bereich Customizer in der linken Leiste listet dieselben Felder auf, und du kannst sie auch dort umordnen.
Im Modus Vorschau verhältst du dich wie ein Kunde. Du tippst in die Felder und siehst, wie sich die Zeichenfläche live aktualisiert, sodass du prüfen kannst, ob das Design so reagiert, wie du es erwartest.
Das Customizer-Dock öffnen
Klicke auf das Customizer-Dock am rechten Rand des Design Studios. Es öffnet sich mit dem Umschalter Bearbeiten / Vorschau oben.
Felder in Bearbeiten umordnen
Zeige bei auf Bearbeiten gestelltem Umschalter auf ein Feld und ziehe es am Griff nach oben oder unten, um seine Position zu ändern. Die Reihenfolge, die du hier festlegst, ist die Reihenfolge, die Kunden sehen. Das schreibt die Feldreihenfolge für das ganze Produkt neu, nicht nur für diese Ansicht.
Zum Element eines Felds springen
Zeige weiterhin in Bearbeiten auf ein Feld und klicke auf seinen Stift. Composerie wählt das Element dieses Felds aus und öffnet seine Eigenschaften, sodass du den Text, das Bild oder andere Einstellungen dahinter anpassen kannst.
Zur Vorschau wechseln und tippen
Klicke im Umschalter auf Vorschau. Tippe in die Felder, wie es ein Kunde tun würde. Die Zeichenfläche aktualisiert sich beim Tippen live, sodass du bestätigen kannst, dass das Design richtig reagiert, bevor du veröffentlichst.
Bei Schritte zeigt die Feldliste jeden Schritt mit seinen Feldern darunter. Mit Schritt hinzufügen fügst du einen leeren hinzu; ein Schritt ohne Felder wird für Kunden übersprungen. Felder, die noch in keinem Schritt sind, stehen am Ende unter Optionen, dem letzten Schritt, den Kunden sehen. Ziehe ein Feld in einen Schritt oder nutze Verschieben nach, um es ans Ende eines Schritts zu setzen.
Hat das Produkt mehrere Seiten, etwa Vorder- und Rückseite, denke daran, dass das Formular die Felder über alle Seiten hinweg abdeckt. Wie du sie einrichtest, steht unter Die Seiten eines Produkts verwalten.
Häufige Fragen
Ändert das Umordnen im Dock die Reihenfolge für Kunden?
Es ändert die Feldreihenfolge des Editors. Speichere und aktualisiere die vorgesehene Veröffentlichung, und prüfe dann die tatsächliche Kundenseite.
Warum sind die Schaltflächen In den Warenkorb und Teilen ausgegraut?
Das Dock ist eine Vorschau und kein echter Warenkorb. Diese Schaltflächen bleiben deaktiviert, damit du daraus keine Testbestellung aufgeben kannst.
Entspricht die Vorschau dem, was Kunden tatsächlich sehen?
Sie nutzt gemeinsame Formularkomponenten und die aktuellen Einstellungen des Editors. Prüfe die veröffentlichte Seite gesondert auf ihre gespeicherte Konfiguration, verfügbare Funktionen, das Layout auf dem Gerät und das Verhalten des Warenkorbs.
Kann ich das Layout später wechseln?
Ja. Ändere das Layout in der Ansicht Formular des Docks, speichere die Änderung und aktualisiere die vorgesehene Veröffentlichung. Prüfe den neuen Ablauf im Shop, bevor du dich darauf verlässt.
Weiter
Um die Erfahrung von Anfang bis Ende zu prüfen, lies Wie ein Kunde ein Produkt personalisiert.