Wenn ein Kunde eines deiner Produkte personalisiert, füllt er ein kleines Formular neben der Live-Vorschau aus. Diese Anleitung erklärt jeden Feldtyp, den dieses Formular zeigen kann, damit du weißt, was deine Kunden sehen und wie sich jedes Feld verhält. Sie richtet sich an Händler, die den Customizer aus Sicht der Käufer verstehen möchten.
Welche Felder erscheinen, legst du beim Aufbau des Produkts im Design Studio fest. Der Customizer zeigt dann für jedes das passende Steuerelement. Hier steht, was jedes Feld tut.
Es gibt drei Gruppen: die allgemeinen Eingaben (Text, Auswahl, Zahlen und Daten), die Auswahlhilfen (Farbe und Schriftart) und die Felder, die zu einem bestimmten Element im Design gehören.
Text und mehrzeiliger Text
Ein Textfeld ist eine einzelne Zeile. Der Kunde tippt einen Namen, ein Datum oder einen kurzen Satz, und er fließt direkt in den passenden Text im Design.
Ein mehrzeiliges Textfeld ist die Variante für mehrere Zeilen. Es wächst, wenn der Kunde weitere Zeilen hinzufügt, und eignet sich deshalb für längere Nachrichten wie eine Notiz oder einen kurzen Vers.
Legst du für ein Textfeld eine maximale Länge fest, zeigt der Customizer unter dem Eingabefeld einen Live-Zeichenzähler. Er aktualisiert sich beim Tippen, zum Beispiel 12/30, sodass der Kunde immer weiß, wie viel Platz noch bleibt. Der Zähler erscheint nur, wenn es ein Limit gibt.
Text und mehrzeiliger Text können auch Schrift- und Farbauswahl enthalten. Erlaubst du das, erscheinen kleine Schriftkacheln und Farbmuster direkt unter dem Eingabefeld. Der Kunde wählt eines aus, und der Text im Design passt sich an. Diese Seite der Felder ist unter Farben und Schriftarten wählen beschrieben.
Bei einem einzeiligen Textfeld kann eine eingerichtete Formatregel inline einen Fehler wie „Das Format von … ist ungültig“ zeigen. Mehrzeilige Textfelder bieten diese Live-Formatprüfung nicht. Lies beim Absenden des Designs die übrigen Prüfmeldungen.
Auswahl: Auswahlliste, Optionsfeld, Kontrollkästchen
Mit diesen drei Feldtypen wählt der Kunde aus Optionen, die du festlegst, statt frei zu tippen.
Eine Auswahlliste zeigt eine Liste von Optionen. Hat sie zehn Optionen oder weniger, bleibt sie eine einfache Liste. Hat sie mehr als zehn, macht der Customizer daraus eine durchsuchbare Liste, die sich beim Tippen filtern lässt. Der Kunde beginnt zu tippen, und die Liste wird auf passende Optionen eingegrenzt. So bleibt auch eine lange Liste übersichtlich.
Optionsfelder zeigen jede Option als abgerundete Schaltfläche. Der Kunde tippt eine an, um sie zu wählen. Du kannst jeder Option ein kleines Bild oder ein Farbmuster mitgeben, sodass die Schaltfläche neben der Beschriftung eine Vorschau zeigt. Das passt gut zu Dingen wie einem Rahmenstil oder einer Garnfarbe.
Ein Kontrollkästchen ist ein Ja-oder-Nein-Schalter. Es schaltet eine Ebene im Design ein oder aus, sodass der Kunde einen Teil des Motivs hinzufügen oder entfernen kann, etwa eine Grafik auf der Rückseite eines Shirts oder eine zusätzliche Textzeile.
Ist eine Optionsliste leer, blendet der Customizer dieses Feld für den Kunden aus. Das Feld bleibt unsichtbar, bis du im Design Studio mindestens eine Option hinzufügst.
Zahl und Datum
Ein Zahlenfeld hat Minus- und Plus-Schaltflächen um einen bearbeitbaren Wert. Die Minus-Schaltfläche hält beim eingestellten Minimum an, die Plus-Schaltfläche beim Maximum; beide nutzen die eingestellte Schrittweite. Kunden können den Wert auch eintippen, prüfe also die Prüfmeldungen des Felds, bevor du weitermachst.
Ein Datumsfeld nutzt die Datumsauswahl des Geräts. Auf einem Handy ist das die native Datumsauswahl, auf dem Desktop das Datumselement des Browsers. Ein Kalendermonat-Feld funktioniert genauso, nutzt aber die Monatsauswahl des Geräts, sodass der Kunde einen Monat statt eines ganzen Datums wählt.
Was der Kunde auswählt, fließt wie bei einem Textfeld in den passenden Text im Design.
Farb- und Schriftauswahl
Ein Farbfeld ist eine Reihe von Farbmustern unter der Überschrift Farbe wählen. Die Farbmuster sind die Farben, die du beim Aufbau des Produkts erlaubt hast, sodass ein Kunde nichts wählen kann, was dein Druckverfahren nicht herstellen kann. Das gewählte Farbmuster bekommt einen Rahmen in der Akzentfarbe.
Ein Schriftfeld öffnet eine Liste Schriftart wählen. Sie beginnt bei Schriftart wählen… und hat, wenn die Liste lang ist, ein Feld Schriften suchen…, das sich beim Tippen eingrenzt. Es erscheinen nur die Schriftarten, die du erlaubt hast.
Beide funktionieren aus Sicht des Kunden wie eine Auswahlliste: eines wählen, und das Design aktualisiert sich hinter dem Formular.
Felder, die zu einem Element gehören
Manche Felder sind gar keine allgemeine Eingabe. Sie gehören zu einem bestimmten Element im Design, und der Customizer zeigt das Steuerelement, das dieses Element braucht:
- Ein Fotofeld ist ein Upload-Bereich. Siehe Foto hochladen.
- Ein Grafikfeld ist eine Auswahl deiner eigenen Motive. Siehe Kunden eine Grafik wählen lassen.
- Ein Karten-, Routen- oder Reisefeld bietet eine Ortssuche, einen Datei-Upload oder eine Liste von Stopps.
- Ein Sternkarten-, Mond- oder Kalenderfeld fragt ein Datum ab, manchmal auch eine Uhrzeit und einen Ort.
- Ein Avatar-Feld öffnet den Figuren-Baukasten.
Diese folgen den Regeln, die du für das Element festlegst, und keinem allgemeinen Feldtyp. Jedes davon ist unter Smart Elements beschrieben.
Zwei weitere kommen vom Produkt statt vom Design: eine Variantenauswahl für die Version, die gekauft wird, und eine Add-on-Auswahl für Extras. Siehe Add-ons.
Pflichtfelder und Prüfung
Du kannst jedes Feld als Pflichtfeld festlegen. Ein Pflichtfeld zeigt neben seiner Beschriftung ein Sternchen, damit der Kunde weiß, dass es ausgefüllt werden muss.
Ist ein Pflichtfeld leer, wenn der Kunde „In den Warenkorb“ drückt, blockiert der Customizer die Aktion und nennt das Feld, das noch auszufüllen ist. Füllt der Kunde es aus, ist dieser Fehler behoben; andere Prüfungen oder Verfügbarkeitsprüfungen können trotzdem noch Aufmerksamkeit brauchen.
Wo diese Meldung erscheint, hängt vom gewählten Layout ab. Ein Customizer auf einer einzelnen Seite hat bis „In den Warenkorb“ nichts abzulehnen und zeigt „Bitte fülle … aus“ mit dem Namen des Felds. Ein schrittweiser Customizer lehnt früher ab, an der Schrittgrenze, und zeigt „Bitte ausfüllen:“ mit dem Namen des Felds; Produkt lässt sich nicht in den Warenkorb legen zeigt diese Meldung.
Längenlimits bei Text und mehrzeiligem Text zeigen einen Live-Zähler. Ein einzeiliges Textfeld kann beim Tippen außerdem einen Formatfehler direkt im Feld zeigen. Prüfe beim Absenden des Designs die übrigen Meldungen.
Warum zeigt meine Auswahlliste kein Suchfeld?
Das Suchfeld erscheint nur, wenn die Auswahlliste mehr als zehn Optionen hat. Bei zehn oder weniger bleibt sie eine einfache Liste.
Wo lege ich fest, welche Felder Pflichtfelder sind?
Pflichtfelder legst du im Design Studio beim Aufbau des Produkts fest, nicht im Customizer.
Kann ein Kunde über das Zeichenlimit hinaus tippen?
Nein. Die maximale Länge, die du festlegst, stoppt weiteres Tippen, und der Zähler zeigt, wie nah er daran ist.
Wie du diese Felder einrichtest und festlegst, welche Kunden bearbeiten können, steht unter Felder für Kunden bearbeitbar machen.
Weiter geht es mit Wie ein Kunde ein Produkt personalisiert.