Wenn ein Kunde eines deiner Produkte personalisiert, wählt er oft eine Farbe und eine Schriftart. Diese Anleitung erklärt, wie diese Auswahlfelder im Shop aussehen und sich verhalten, damit du weißt, was deine Kunden sehen. Sie richtet sich an Händler, die personalisierbare Produkte einrichten und die Kundenseite verstehen möchten.
Die Farb- und Schriftauswahl sitzt im Personalisierungsformular neben der Live-Vorschau. Wie das ganze Formular zusammenspielt, steht unter Felder im Personalisierungsformular.
Eine Farbe wählen
Ein Farbfeld zeigt eine Reihe runder Farbmuster. Der Kunde tippt eines an, um es auszuwählen. Das gewählte Farbmuster bekommt einen Haken, damit klar ist, welche Farbe aktiv ist. Die Überschrift über den Farbmustern lautet „Farbe wählen“.
Du bestimmst, welche Farben erscheinen. Du kannst eine feste Auswahl an Farbmustern festlegen, sodass der Kunde nur Farben nehmen kann, die du freigibst. Du kannst auch eine freie Farbauswahl einschalten, mit der der Kunde über die Farbauswahl seines Geräts jede beliebige Farbe wählt. Lass die freie Auswahl aus, wenn die Farben zur Marke passen sollen, oder schalte sie ein, wenn du volle Freiheit willst.
Auch Textfelder und mehrzeilige Textfelder können eine Farbreihe zeigen. Erlaubst du das, erscheint direkt unter dem Eingabefeld eine Reihe „Farbe wählen“. Ein Kunde, der einen Namen eintippt, kann so an derselben Stelle auch die Farbe dieses Textes wählen.
Sobald der Kunde ein Farbmuster antippt, zeigt die Live-Vorschau die neue Farbe. Einen eigenen Schritt zum Übernehmen gibt es nicht. Mehr zur Vorschau steht unter Die Live-Vorschau.

Eine Schriftart wählen
Ein Schriftfeld zeigt seine Optionen als Kacheln mit einer Beispielschrift „Abc“ in jeder Kachel, unter der eigenen Beschriftung des Felds. Hängst du eine Schriftauswahl an ein Textfeld, statt ihr ein eigenes Feld zu geben, erscheinen die Kacheln unter der Überschrift Schriftart wählen, direkt unter dem Textfeld, das sie steuern. Schriftbeispiele brauchen eventuell etwas Zeit zum Laden. Prüfe die gewählte Schrift nach dem Laden in der Produktvorschau; eine Kachel allein beweist nicht, dass die Produktionsschrift bereit ist.
Bietet ein Feld mehr als 12 Schriftarten an, erscheint über den Kacheln ein Suchfeld. Der Platzhalter lautet „Schriften suchen…“. Der Kunde tippt einen Teil eines Schriftnamens, und die Liste wird gefiltert. So bleiben lange Schriftlisten übersichtlich.
Du entscheidest, wie die Schriften dargestellt werden. Du kannst sie als Kacheln zeigen, das ist die Voreinstellung, oder als Dropdown für ein kompakteres Layout. Kacheln eignen sich, wenn der Kunde Stile auf einen Blick vergleichen soll. Ein Dropdown spart Platz, wenn das Formular lang ist.
Tippe eine Kachel an, um die Schrift zu wählen, und prüfe danach die Vorschau, sobald sie geladen ist. Erscheint die erwartete Schrift nicht, behebe das Ladeproblem, bevor du dich auf diese Vorschau verlässt.

Welche Schriftarten ein Feld anbietet und wie sie angezeigt werden, steht unter Schriftarten wählen und laden im Design Studio.
Weiter geht es mit Die Live-Vorschau. Dort siehst du, wie jede Auswahl im Produktbild erscheint.