Der Kunden-Designer
Was deine Kundschaft nach dem Klick auf Jetzt designen sieht und tun kann — Werkzeuge, Galerie, QR-Codes, Qualitätswarnungen, mehrere Seiten, Mengen und Bearbeiten im Warenkorb.
Der Kunden-Designer ist der Editor, mit dem deine Kundschaft dein Produkt individualisiert: Sie fügt Text, Fotos, Galerie-Motive und QR-Codes hinzu, sieht das Ergebnis in der Vorschau auf deinem Produkt und legt es in den Warenkorb. Wenn du ihn gut kennst, konfigurierst du Produkte sinnvoller und beantwortest Kundenfragen schneller.
Der Designer öffnet sich, wenn jemand auf der Produktseite auf Jetzt designen klickt, lässt sich aus dem Warenkorb erneut öffnen und kann über einen Bearbeitungslink aufgerufen werden, den du nach einer Bestellung sendest.
Die Arbeitsfläche
- Das Produkt-Mockup der gewählten Variante wird hinter einem markierten Druckbereich angezeigt. Alles außerhalb wird nicht gedruckt, und die Kundschaft wird darauf hingewiesen.
- Nicht rechteckige Druckbereiche (Ellipse, Dreieck, Raute) schneiden das Design in der Vorschau genau so auf diese Form zu wie in der Druckdatei.
- Eine Hilfslinie für den Sicherheitsbereich hilft, wichtige Inhalte von den Rändern fernzuhalten.
- Hineinzoomen, herauszoomen und den Zoom zurücksetzen ist jederzeit möglich.
Werkzeuge
Die Werkzeugleiste enthält Text, Grafik hochladen, Galerie, Elemente, Vorlagen, Meine Designs und Ebenen. Welche davon erscheinen, hängt von deinen Einstellungen und vom Druckverfahren des Produkts ab. Ist ein Objekt ausgewählt, zeigt eine Kontext-Werkzeugleiste seine Optionen; was keinen Platz hat, liegt unter Mehr.
Text
Text wird hinzugefügt und direkt an Ort und Stelle bearbeitet. Deine Kundschaft kann einstellen:
- Schriftfamilie aus Google Fonts, nach Kategorie gruppiert (Sans Serif, Serif, Monospace, Display, Handschrift), plus deine eigenen hochgeladenen Schriften.
- Größe, fett, kursiv und Ausrichtung.
- Abstand — einen Regler für Zeilenabstand und einen für den Zeichenabstand.
- Farbe — Volltonfarben oder Farbverläufe.
- Kontur — eine farbige Kontur um die Buchstaben. Die Kontur wird obendrauf gezeichnet und ändert die Textgröße nicht, sodass das Layout in der Druckdatei gleich bleibt.
Neuer Text bricht nach einer kurzen Breite in eine neue Zeile um, statt über die ganze Arbeitsfläche zu laufen — so bleiben Namen und Botschaften gut lesbar. Durch Ziehen an einer Ecke lässt sich der Text bis zur Größe des Druckbereichs skalieren. Auf Handys startet neuer Text größer, damit er gut lesbar ist, und ein zweites Tippen auf einen ausgewählten Text öffnet ihn zum Bearbeiten.
Bilder
- Grafik hochladen öffnen, dann per Drag-and-drop oder Tippen hochladen. Erlaubte Formate und die maximale Dateigröße ergeben sich aus deinem Plan und deinem Druckverfahren.
- SVG-Dateien werden akzeptiert. Jede wird zuerst auf Sicherheit geprüft — Dateien mit Skripten oder Links zu externen Inhalten werden abgelehnt — und dann in eine hochauflösende PNG-Kopie umgewandelt, die Designer und Druckdatei verwenden.
- Vom Handy hochladen zeigt einen QR-Code, damit man am Computer Fotos direkt vom Handy schicken kann. Siehe QR-Codes & Handy-Upload.
- Der Tab Letzte Bilder bewahrt alles auf, was in dieser Sitzung hochgeladen wurde, mit Suche nach Dateinamen und der Möglichkeit, Uploads zu entfernen.
- Die Originalgröße wird angezeigt, mit der Aktion Auf Originalgröße zurücksetzen.
- Optionale KI-Tools — Hintergrund entfernen, Hochskalieren, Bildeditor und Vektorisieren — erscheinen hier, wenn sie aktiviert sind.
Galerie
Wenn du die Design-Galerie einschaltest, öffnet ein Button Galerie deine Cliparts und Hintergründe. Deine Kundschaft wählt Clipart oder Hintergründe, stöbert nach Kategorie oder sucht nach Stichwort und tippt auf ein Bild, um es hinzuzufügen. Ein Hintergrund füllt den gesamten Druckbereich hinter dem Design; Hintergrund entfernen nimmt ihn wieder weg.
Elemente: Formen und QR-Codes
Elemente enthält Grundformen mit Füllfarbe und Eckenradius und — wenn das Druckverfahren Bilder erlaubt — QR-Code: Erstelle einen scanbaren Code für Link, Kontakt oder WLAN. Man wählt einen Inhaltstyp, eine Farbe und eine Schadenstoleranz, und das Panel sagt, wie groß der Code gedruckt werden sollte. Um einen platzierten Code zu ändern, wählt man ihn aus und tippt auf QR bearbeiten. Details: QR-Codes & Handy-Upload.
Farbe und Farbverläufe
Der Farbwähler bietet beliebte Farben, beliebte Farbverläufe, einen eigenen Farbwähler mit Farbtonregler und einen Verlaufs-Editor mit mehreren Farbstopps und Winkelsteuerung. Transparent ist verfügbar, wo es sinnvoll ist.
Vorlagen
Wenn du Designvorlagen anbietest, kann deine Kundschaft im Panel Vorlagen ein fertiges Design anwenden. Wurde dasselbe Design zwischenzeitlich in einem anderen Tab oder Fenster geändert, meldet der Designer Dieses Design wurde an anderer Stelle aktualisiert. Laden Sie neu, um fortzufahren. Nach dem Neuladen ist die neueste Version wieder da. Eine angewendete Vorlage übersteht das Neuladen der Seite, Rückgängig und Wiederholen.
Ebenen und Eigenschaften
- Das Panel Ebenen listet jedes Objekt auf; dort lässt sich umsortieren, ausblenden, sperren und löschen.
- Position, Größe, Drehung und Deckkraft stehen in der Kontext-Werkzeugleiste, dazu typspezifische Optionen.
- Seitenverhältnis gesperrt / Seitenverhältnis frei legt fest, ob ein Bild oder eine Form beim Skalieren ihre Proportionen behält.
- Ausrichten, verteilen, duplizieren, löschen, rückgängig und wiederholen liegen in der Werkzeugleiste. Gedrehte Objekte werden an ihren sichtbaren Kanten ausgerichtet und bleiben so im Druckbereich.
Mehrere Seiten
Hat das Produkt mehr als eine Seite, wechselt ein Seitenumschalter zwischen Vorderseite, Rückseite, Ärmeln und so weiter. Pflichtseiten müssen vor dem Checkout mindestens ein Element enthalten; optionale Seiten dürfen leer bleiben, aber mindestens eine Seite muss gestaltet sein.
Versucht jemand mit einer leeren Pflichtseite zu bestellen, wird die Seite genannt: Die Seite “Rückseite” erfordert ein Design. Bitte füge mindestens ein Element hinzu, bevor du fortfährst.
Qualitätsprüfungen vor dem Checkout
Customezo blockiert oder warnt bei den Fehlern, die Druckaufträge ruinieren:
| Prüfung | Was die Kundschaft sieht |
|---|---|
| Niedrige Druckqualität | Eine DPI-Anzeige und eine Warnung: Ein Bild wird mit ca. 120 DPI gedruckt und liegt damit unter den für diese Druckmethode erforderlichen 300 DPI. Je nach Druckverfahren kann man fortfahren oder muss es korrigieren. |
| Außerhalb des Druckbereichs | 2 Objekte befinden sich außerhalb des Druckbereichs. Bitte verschiebe sie oder ändere ihre Größe, damit sie in den druckbaren Bereich passen. Bestellen ist bis zur Korrektur blockiert. |
| Leere Pflichtseite | Wird in der Fehlermeldung genannt, wie oben. |
| Keine Designelemente | Bei einem komplett leeren Design sind Bestellen und Speichern blockiert. |
| Keine Menge | Bei einer Mengentabelle ist mindestens eine Artikelmenge erforderlich. |
Auf Mobilgeräten erscheinen dieselben Warnungen in Kurzform: Niedrige Druckqualität — verkleinere das Bild oder lade eine größere Datei hoch.
Varianten, Mengen und Sammelbestellungen
Der Designer enthält die Variantenauswahl — Farbfelder und Optionsauswahl — und bei Produkten für größere Mengen eine Mengentabelle, in der man auf einem Bildschirm eine Menge pro Variante eingibt. Artikelanzahl, laufende Summe und ein eventueller Mengenrabatt werden beim Tippen angezeigt.
Wird das Design bearbeitet, wenn es schon im Warenkorb liegt, sind Menge und Produktoptionen gesperrt (Menge (gesperrt — ändere sie in deinem Warenkorb)), und nur der Designinhalt lässt sich ändern.
Preise im Designer
Der Bestellbereich zeigt den Produktpreis plus alles, was deine Konfiguration hinzufügt:
- Seitengebühren für das Gestalten zusätzlicher Seiten.
- Gewählte Add-ons und Effekte.
- Den Mengenrabatt für die eingegebene Menge, mit einem Hinweis wie Rabatt ab 25+ Artikeln, bis zu 20 %.
- Eine aktualisierte Gesamtsumme.
Es sind dieselben Regeln, die im Checkout gelten — die Summe ändert sich dort also nicht. Siehe Preise & Gebühren und Mengenrabatte.
Preise ausblenden
Schaltest du unter Einstellungen → Shop-Einstellungen die Option Preise im Design-Tool anzeigen aus, zeigt der Designer keinen Produktpreis, keine Rabatte und keine Summen mehr. Gebühren für Extras, die die Kundschaft wählt, bleiben sichtbar, mit dem Hinweis Produktpreis und Rabatte werden im Warenkorb und an der Kasse berechnet. Zusatzgebühren bleiben hier sichtbar. Preise und Rabatte gelten im Warenkorb und im Checkout trotzdem.
Speichern, in den Warenkorb legen und später bearbeiten
- Design speichern legt einen Entwurf an, zu dem man später zurückkehren kann; gespeicherte Designs erscheinen unter Meine Designs.
- Hast du Bestätigungen vor dem Warenkorb eingerichtet, bittet ein Bereich Bevor Sie in den Warenkorb legen zuerst darum, ein Kästchen anzuhaken oder eine Frage zu beantworten. Pflichtfelder müssen beantwortet werden.
- In den Warenkorb prüft das Design, erzeugt eine Vorschau und legt den Artikel mit seiner Individualisierung in den Warenkorb.
- Im Warenkorb öffnet der Link Design bearbeiten den Designer erneut, und Warenkorb aktualisieren speichert die Änderungen — vorausgesetzt, du hast Customezo Warenkorb-UX in deinem Theme aktiviert. Siehe Shop-Einrichtung. Auf Handys und Tablets schließt sich der Designer von selbst, sobald die Bearbeitung im Warenkorb oder in der Bestellung gespeichert ist.
- Sobald du eine Bestellung sperrst oder die Produktion beginnt, zeigt der Warenkorb-Link stattdessen deine Gesperrt-Beschriftung, und das Design lässt sich nicht mehr ändern.
Nach der Bestellung erhält deine Kundschaft je nach Kommunikationsmodus eventuell noch eine Design-Zusammenfassung, einen Bearbeitungslink oder einen Proof zur Freigabe.
Branding und Sprache
Der Designer verwendet dein Logo, deine Theme-Farbe, deinen Button-Stil und -Radius aus dem Designer-Branding und zeigt Maße in der Einheit an, die du gewählt hast. Er ist in alle Sprachen übersetzt, die Customezo unterstützt, und folgt der Shop-Sprache der Kundschaft.