Ein Design wird erst personalisierbar, wenn du entscheidest, welche Teile Käufer ändern dürfen. In dieser Anleitung machst du aus einem Element ein Personalisierungsfeld, wählst den passenden Feldtyp und legst Beschriftung, Standardwert und Grenzen fest. Sie richtet sich an Händler, die ein Produkt im Design Studio bauen und genau steuern möchten, was Kunden bearbeiten können.
Was Kunden bearbeiten können
Nicht jedes Element auf der Arbeitsfläche ist für Käufer bearbeitbar. Du wählst aus, welche es sind. Wenn du ein Element als personalisierbar markierst, wird es zu einem Feld im Customizer-Formular. Das ist das Formular, das ein Käufer ausfüllt, um das Produkt zu seinem eigenen zu machen.
Diese Elementtypen können zu Personalisierungsfeldern werden:
- Text-Ebenen für Namen, Daten und kurze Nachrichten.
- Foto-Ebenen für Foto-Uploads.
- Rechteck- und Kreis-Formen, bei denen Kunden eine Farbe wählen.
- Auswahllisten, bei denen aus Text oder einer Form eine Liste vorgegebener Optionen wird.
- Spezielle Elemente: Stadtkarte, Sportroute, Reisekarte, Sternenkarte, Mondphase und Avatar.
- Eine mehrteilige Grafik, bei der jeder Teil eine eigene Farbauswahl bekommen kann.
Alles andere bleibt fest. So bleibt dein Layout intakt, und Käufer können trotzdem die Teile personalisieren, auf die es ankommt.
Wie das alles aus Sicht des Käufers aussieht, liest du unter Wie ein Käufer ein Produkt personalisiert.
Ein Element bearbeitbar machen
Mit der Schaltfläche P in der schwebenden Werkzeugleiste machst du aus einem Element ein Feld. Dieselbe Schaltfläche öffnet die Details des Felds, sobald es schon personalisierbar ist.
Ein Element auswählen, das sich personalisieren lässt
Klicke auf das Element auf der Arbeitsfläche. Wähle einen der unterstützten Typen: eine Textebene, ein Bild, ein Rechteck oder einen Kreis oder eines der speziellen Elemente. Wenn die schwebende Werkzeugleiste keine Schaltfläche P hat, kann dieser Elementtyp kein Feld sein.
Auf P klicken, um das Element personalisierbar zu machen
Die Schaltfläche P erscheint in der schwebenden Werkzeugleiste über dem ausgewählten Element. Klicke einmal darauf, um das Element in ein vom Kunden bearbeitbares Feld zu verwandeln und seine Personalisierungseinstellungen zu öffnen.
Die Felddetails bearbeiten
Lege im Tab Personalisierung Beschriftung, Feldtyp und Grenzen fest. Wenn du später zu einem bestehenden Feld zurückkehrst, öffnet ein Klick auf P diese Einstellungen wieder.
Feldtyp, Beschriftung und Grenzen festlegen
Sobald ein Element ein Feld ist, steuerst du, wie es sich verhält. Welche Feldtypen es gibt, hängt vom ausgewählten Element ab. Du siehst also nur Auswahlmöglichkeiten, die dafür sinnvoll sind.
Den Feldtyp wählen
Wähle den Typ, der zum Element passt. Eine Textebene bietet Einzeilig, Absatz, Auswahlliste, Zahl und Datum. Ein Rechteck oder ein Kreis bietet eine Farbauswahl, eine Auswahlliste oder ein Kontrollkästchen. Ein Bild bietet Foto-Upload oder ein Kontrollkästchen. Eine mehrteilige Grafik bietet eine Farbauswahl pro Teil. Wenn du den Typ änderst, werden die Grenzen dieses Felds zurückgesetzt. Lege den Typ also zuerst fest.
Beschriftung und Hilfetext festlegen
Gib dem Feld eine klare Beschriftung, etwa „Dein Name“ oder „Wähle eine Farbe“. Füge optional einen Hilfetext hinzu, der erklärt, was einzugeben ist, und einen Platzhalter, der ein Beispiel im Eingabefeld zeigt. Schalte Pflichtfeld ein, wenn der Käufer dieses Feld ausfüllen muss, bevor er zur Kasse gehen kann.
Grenzen für den Feldtyp hinzufügen
Jeder Typ hat eigene Grenzen. Lege bei Text eine maximale Länge fest. Lege bei einem Farbfeld die erlaubten Farben fest. Liste bei einer Auswahlliste die Optionen auf, aus denen Käufer wählen können. Lege bei einem Zahlen- oder Datumsfeld ein Minimum und ein Maximum fest. So bleiben die Eingaben der Kunden innerhalb dessen, was dein Druck verarbeiten kann.
Upload-Regeln für Fotofelder festlegen
Ein Fotofeld hat eigene Regeln im Tab Personalisieren. Unter Foto des Kunden legt Zuschnitt die Form des Zuschneide-Werkzeugs fest. Es steht zuerst auf Druckbereich, damit der Käufer genau das zuschneidet, was gedruckt wird. Wähle Frei, damit der Käufer entscheidet. Die Zeile Hochladen und Einpassen darunter und die Zeile Upload-Regeln weiter unten fassen ihre Einstellung jeweils in einer Zeile zusammen, sodass du sie lesen kannst, ohne sie zu öffnen. Klicke auf eine Zeile, um ihre Seite zu öffnen.
Hochladen und Einpassen legt fest, wie viel der Käufer mit seinem Bild machen kann. Upload-Modus bietet Direkter Upload, der die Datei unverändert übernimmt, Zuschneiden & anpassen, das einen Zuschneideschritt anbietet, und Nur neu positionieren, mit dem der Käufer das Bild im Rahmen verschieben und skalieren kann. Füllverhalten ist entweder Einpassen (ganzes Foto zeigen) oder Füllen (Fläche bedecken).
Upload-Regeln betreffen die Datei selbst. Ein Fotofeld folgt den Upload-Regeln deines Shops. Du legst sie einmal auf der Dashboard-Seite Customizer unter Kundenfotos fest, und die Zeile zeigt dann Shop-Regeln. Um einem einzelnen Feld eigene Regeln zu geben, öffnest du seine Upload-Regeln und schaltest Shop-Standard überschreiben ein. Unter Dateitypen schaltest du PNG, JPG, WebP, HEIC und SVG einzeln ein oder aus. Auf einem Smartphone bietet die Upload-Schaltfläche neben der Fotomediathek bereits die Kamera an, sodass ein Käufer direkt etwas fotografieren kann.
Es gibt zwei DPI-Werte, und sie haben unterschiedliche Aufgaben. Mindest-DPI weist den Käufer auf ein Foto mit niedriger Auflösung hin, ohne ihn zu stoppen. Hart blockieren unter lehnt alles darunter ab. Setze die Sperre auf das Minimum, das dein Druck-Workflow tatsächlich verwenden kann, und lasse einen Abstand zwischen den beiden Werten, damit ein Grenzfall eine Warnung auslöst, statt abgelehnt zu werden. Max. Dateigröße begrenzt den Upload in Megabyte.
Jeden Upload gleich verarbeiten
Der Tab Personalisieren eines Fotofelds hat den Abschnitt Fotostile: Bereinigungs-, Kunst- und Farbstile, die auf jedes Kundenfoto angewendet werden. Füge einen mit Fotostil hinzufügen hinzu. Sie werden von oben nach unten in der Reihenfolge der Liste angewendet, und du kannst sie per Ziehen neu ordnen.
So hältst du den Look eines Shops einheitlich, auch wenn die Motive von Kunden stammen. Ein Graustufenfilter auf jedem Upload sorgt dafür, dass alle Porträt-Tassen zusammenpassen, egal, was der Käufer geschickt hat.
Ein KI-Effekt läuft hier über deinen eigenen verbundenen KI-Anbieter und wird deshalb wie jede andere KI-Generierung über deinen Schlüssel abgerechnet. Lies Was die KI-Generierung kostet, bevor du einen auf ein Feld legst, das jeder Käufer nutzt.
Den Tab Personalisierung für den Rest nutzen
Der Tab Personalisierung enthält die tieferen Einstellungen. Lege einen Standardwert fest, damit das Feld vorausgefüllt startet. Schalte Kundenauswahlen ein, etwa dass Käufer eine Schrift oder Farbe wählen oder ein Element skalieren und verschieben dürfen. Füge unter Erweitert bedingte Regeln hinzu, damit ein Feld nur erscheint, wenn ein anderes Feld einen Wert hat.
Warum hat mein Element keine Schaltfläche P?
Dieser Elementtyp kann kein Personalisierungsfeld sein. Nur Text, Bilder, Rechtecke, Kreise, Auswahllisten und die speziellen Karten-, Mond-, Stern- und Avatar-Elemente unterstützen das.
Wo finde ich die Auswahl von Schrift und Farbe?
Öffne den Tab Personalisierung und suche nach den Kundenauswahlen. Dort kannst du Käufer eine Schrift oder Farbe wählen lassen, während sie weiterhin ihren eigenen Text eintippen.
Kann ein Feld nur manchmal erscheinen?
Ja. Öffne im Tab Personalisierung den Abschnitt Erweitert und füge eine bedingte Regel hinzu, die das Feld nur zeigt, wenn ein anderes Feld einen Wert hat.
Was passiert, wenn ich den Typ eines Felds ändere?
Die typspezifischen Grenzen werden zurückgesetzt. Lege also zuerst den Feldtyp fest und füge dann seine Grenzen und die Beschriftung hinzu.
Wenn deine Felder stehen, entscheide über die Reihenfolge und Gruppierung, die Käufer sehen. Weiter geht es mit Customizer-Layout und Feldreihenfolge.