Mit dem Merkmal Eigener Text auf dem Produkt gestalten deine Kunden ihr Produkt selbst: Sie tippen einen Text ein und sehen ihn sofort im Produktbild, an genau der Stelle, an der er später gedruckt, graviert oder gestickt wird. Typische Beispiele sind Grußkarten, Visitenkarten, Schilder, Gravuren und Namen auf Textilien. Dieser Artikel zeigt, wie du das Merkmal einrichtest und was deine Kunden damit tun können.
Voraussetzungen
- Frontend-Engine V3. Der Datentyp heißt deshalb Eigener Text auf dem Produkt (nur V3). Eine Komponente mit diesem Merkmal läuft automatisch mit V3. Mehr dazu: Frontend-Engine: Legacy oder V3.
- Kombiniertes Produktbild. Der Text wird in das kombinierte Produktbild gezeichnet. Die Komponente braucht also mindestens ein Merkmal, dessen Werte Bilder für das kombinierte Produktbild haben. Siehe Bildvisualisierung.
- Add-on „Designer“. Zum Veröffentlichen brauchst du das Add-on Designer, das du im Serviceportal unter deinen Diensten buchst. Während des kostenlosen Tests ist es immer enthalten.
Merkmal anlegen
- Öffne die Komponente und lege ein neues Merkmal an.
- Wähle als Datenkategorie Freie Eingabe und als Datentyp Eigener Text auf dem Produkt (nur V3).
- Lege unter Texteingabe die Zeichenlänge und einen Standardwert fest, z. B. „Alles Gute“. Wie bei anderen Eingabefeldern kannst du den Standardwert auch als Platzhalter anzeigen.
- Richte unter Gestaltung auf dem Produkt die Gestaltungsfläche, die Schriften und die Farben ein (siehe unten).
- Speichere, prüfe die Vorschau und veröffentliche die Komponente.
Die Gestaltungsfläche
Die Gestaltungsfläche ist der Bereich des Produkts, in dem der Text stehen darf, etwa die Innenseite der Karte oder die Brust eines Shirts.
- Der Editor zeigt das unterste Bild des kombinierten Produktbilds, also das Grundprodukt. Ziehe das Feld an die richtige Stelle und ändere die Größe über die Ecke.
- Trage Breite (mm) und Höhe (mm) ein: die echte Größe der Fläche auf dem Produkt. Daraus berechnet configento.app die Schriftgrößen, ein 5-mm-Text ist also auch auf dem Produkt 5 mm groß.
- Mit Drehung (°) drehst du die Fläche, z. B. für einen schräg liegenden Bereich.
Der Text verlässt die Fläche nie. Die Fläche ist das, was später produziert wird.
Schriften, Größen und Farben
| Einstellung | Wirkung |
|---|---|
| Schriften | Die Schriften, aus denen dein Kunde wählen kann. Die erste angehakte Schrift ist die Vorgabe. Alle Schriften stehen unter freien Lizenzen und werden von configento.app ausgeliefert, nicht von Google. |
| Min. Größe (mm), Standardgröße (mm), Max. Größe (mm) | Der Bereich, in dem dein Kunde die Größe einstellen kann. Sind Minimum und Maximum gleich, gibt es keinen Regler. |
| Text automatisch verkleinern, bis er passt | Ein langer Text wird kleiner, bis er in die Fläche passt, aber nie kleiner als die Mindestgröße. |
| Farben | Die Farbpalette. Die erste Farbe ist die Vorgabe. Benenne Farben so, wie deine Produktion sie kennt, z. B. „Goldfolie“. Der Name erscheint in der Bestellung. |
| Zusätzlich freie Farbwahl anbieten | Dein Kunde kann neben der Palette jede Farbe wählen. Lass es aus, wenn dein Verfahren nur bestimmte Farben kann, etwa Folienprägung oder Gravur. |
| Ausrichtung, Vertikale Ausrichtung | Wo der Text in der Fläche steht, solange dein Kunde ihn nicht verschiebt. |
| Mehrere Zeilen, Max. Zeilen | Erlaubt Zeilenumbrüche, z. B. für einen Gruß über zwei Zeilen. Zu lange Zeilen brechen automatisch an Wortgrenzen um. |
| Der Käufer darf nicht ändern | Sperrt Schrift, Größe, Farbe, Ausrichtung oder Position. Gesperrte Einstellungen sieht dein Kunde nicht. |
Was dein Kunde sieht
- ein Eingabefeld für den Text,
- je nach deinen Einstellungen eine Schriftauswahl, einen Größenregler, Farbfelder und Knöpfe für die Ausrichtung,
- den Text live im Produktbild.
Den Text kann dein Kunde im Produktbild mit Maus oder Finger verschieben, solange du die Position nicht gesperrt hast. Ist der Text angewählt, geht das auch mit den Pfeiltasten. Beim Verschieben zeigt ein gestrichelter Rahmen die Fläche. Position zurücksetzen setzt den Text zurück an die Stelle, die die Ausrichtung vorgibt.
Passt der Text auch in der kleinsten Größe nicht in die Fläche, meldet der Konfigurator „Der Text passt nicht: kürze ihn oder wähle eine kleinere Größe“ und hält den Warenkorb zurück.
In der Bestellung
Die Bestellung enthält den Text zusammen mit seiner Gestaltung, z. B.:
Alles Gute (Great Vibes · 6 mm · Goldfolie)
Zusätzlich gehen Schrift, Größe, Farbe, Ausrichtung und Position als Daten mit, und das kombinierte Produktbild im Warenkorb, in E-Mails und im PDF zeigt den Text. Öffnet dein Kunde die Konfiguration erneut, ist alles wieder so, wie er es gestaltet hat.
Preise, Regeln und Pflichtfeld funktionieren wie bei jedem anderen Eingabefeld, z. B. ein Aufpreis, sobald ein Text eingegeben wurde.
Das Add-on „Designer“
- Während des kostenlosen Tests kannst du das Merkmal ohne Einschränkung nutzen.
- Danach brauchst du das gebuchte Add-on Designer. Ohne Add-on ist der Datentyp im Editor gesperrt. Vorhandene Merkmale kannst du weiter bearbeiten, beim Veröffentlichen weist configento.app dich aber auf das Add-on hin.
- Endet das Add-on, läuft eine bereits veröffentlichte Komponente in deinem Shop unverändert weiter.
Fehlersuche
- Der Editor zeigt kein Bild für die Gestaltungsfläche: Die Komponente hat noch kein Bild im kombinierten Produktbild. Lege zuerst bei einem Wert ein Bild an.
- Der Text erscheint nicht im Produktbild: Prüfe, ob in der Vorschau ein Grundbild gewählt ist und die Engine auf V3 steht.
- Der Text sieht anders aus als die gewählte Schrift: Die Schrift lädt noch, oder ein Werbeblocker oder eine Firewall blockiert die Schriftdateien von configento.app.
- „Der Text passt nicht“: Erhöhe die Fläche (mm), senke die Min. Größe (mm) oder begrenze die Zeichenlänge.
- Veröffentlichen schlägt fehl mit dem Hinweis auf das Add-on: Buche das Add-on Designer im Serviceportal und veröffentliche erneut.