Diese Anleitung erklärt, was deine Kunden in der Live-Vorschau sehen, während sie ein Produkt personalisieren. Sie richtet sich an Händler, die verstehen möchten, wie sich die Vorschau verhält, bevor ein Kunde den Artikel in den Warenkorb legt. Das hilft dir, Produkte so einzurichten, dass sie in jedem Schritt richtig aussehen.
Die Vorschau aktualisiert sich live
Die Vorschau liegt neben den Personalisierungsfeldern. Jedes Mal, wenn ein Kunde ein Feld ändert, wird die Vorschau sofort neu gezeichnet. Tippt er einen Namen, erscheint er im Design. Wählt er eine Farbe, nimmt das Design diese Farbe an. Eine eigene Schaltfläche zum Aktualisieren oder Übernehmen gibt es nicht.
Die Vorschau hilft dem Kunden, Komposition und Personalisierung zu prüfen. Sie ist kein Beweis für die endgültige Produktionsdatei oder den physischen Druck. Prüfe vor der Produktion alle erforderlichen Flächen, die Darstellung der Schrift, den Zuschnitt und das gewünschte Ergebnis.
Der bearbeitbare Druckbereich wird mit einem dezenten gestrichelten Rand angezeigt. Er zeigt dem Kunden, wo sein Inhalt auf dem Produkt liegt. Alles innerhalb der gestrichelten Linie gehört zum personalisierten Bereich.
Wie ein Kunde den ganzen Ablauf durchläuft, steht unter Wie ein Kunde ein Produkt personalisiert. Die Felder, die diese Änderungen auslösen, findest du unter Felder im Personalisierungsformular.
Designansicht und Produkt-Mockup-Ansicht
Ein Produkt kann die Vorschau auf zwei Arten zeigen.
Die Designansicht zeigt das Motiv flach auf einer neutralen Fläche. Dahinter liegt kein Produktfoto. Es ist dasselbe flache Layout, das dein Kunde bearbeitet, daher ist es leicht zu lesen und Text lässt sich gut positionieren.
Die Produkt-Mockup-Ansicht zeigt dasselbe Motiv auf einem Foto des echten Produkts. Der Kunde sieht sein Design so, wie es auf dem fertigen Artikel aussehen würde, zum Beispiel gedruckt auf einer Tasse oder einem Shirt.
Du kannst beide Ansichten für ein Produkt aktivieren. Dann sieht der Kunde unter der Zeichenfläche zwei Schaltflächen: Design und Vorschau. Mit Design wechselt er zur flachen Ansicht, mit Vorschau zur Ansicht mit dem Produktfoto. Die Vorschau aktualisiert sich in jeder aktiven Ansicht live weiter.
Die Produkt-Mockup-Ansicht braucht zuerst ein eingerichtetes Produkt-Mockup. Das Mockup sagt Composerie, wie das Design auf das Produktfoto gelegt wird. Ohne Mockup bleibt die Vorschau in der Designansicht flach, auch wenn die Mockup-Ansicht angefordert ist. Richte das Mockup am Produkt ein, bevor du die Mockup-Ansicht oder beide Ansichtsmodi einschaltest.
Mehrere Seiten und mehrere Designs
Manche Produkte haben mehr als eine Seite zum Personalisieren, etwa Vorderseite und Rückseite. Bei diesen Produkten erscheint über der Vorschau eine Reihe von Tabs. Der Kunde klickt einen Tab an, um zu dieser Seite zu wechseln. Jede Seite hat ihre eigene Ansicht in der Vorschau.
Wird ein Text auf mehreren Seiten geteilt, aktualisiert eine einzige Änderung ihn auf jeder Seite. Ein Name, der auf Vorder- und Rückseite steht, ändert sich zum Beispiel überall, sobald der Kunde ihn eintippt. Der Kunde muss denselben Text nicht auf jeder Seite neu eingeben.
Ein Produkt kann auch mehr als ein Design anbieten. Stehen Designs zur Auswahl, kann der Kunde ein anderes Layout wählen. Passende Personalisierung kann übernommen werden, Felder, die nicht zum neuen Layout gehören, bleiben aber nicht erhalten. Prüfe das neue Design und fülle fehlende Pflichtfelder aus.
Die Vorschau wird mit Rändern (Letterbox) in den Bildschirm eingepasst. Sie skaliert so weit herunter, dass das ganze Design sichtbar bleibt, ohne überzulaufen. Auf dem Handy passt sie sich responsiv an, sodass der Kunde auch auf einem kleinen Bildschirm die ganze Vorschau sieht.
Häufige Fragen
Warum gibt es bei meinem Produkt keine Schaltflächen Design und Vorschau?
Diese Schaltflächen erscheinen nur, wenn beide Ansichten aktiviert sind und das Produkt ein Mockup mit Platzierungsecken hat. Ohne geeignetes Mockup bleibt die Vorschau flach.
Entspricht die Vorschau dem gedruckten Ergebnis?
Nutze sie, um Layout und Personalisierung zu prüfen, aber betrachte sie nicht als Probedruck für Produktion oder Druck. Prüfe vor der Produktion das gewünschte Ergebnis und jede erforderliche Fläche.
Was ist der gestrichelte Rand in der Vorschau?
Er umrandet den bearbeitbaren Druckbereich. Inhalt innerhalb der gestrichelten Linie ist der personalisierte Teil des Produkts.
Wenn ich geteilten Text auf der Vorderseite ändere, ändert sich dann auch die Rückseite?
Ja. Text, der auf mehreren Seiten geteilt wird, aktualisiert sich auf jeder Seite, wenn du ihn einmal änderst.
Weiter
Richte die Ansicht mit dem Produktfoto unter Die Mockup-Vorschau ein, damit Kunden ihr Design auf dem echten Produkt sehen.