Diese Anleitung führt dich durch den Customizer, so wie dein Kunde ihn erlebt. Du siehst jeden Bildschirm der Reihe nach, vom Öffnen des Produkts bis zum Warenkorb mit einem fertigen Design. Sie richtet sich an Händler, die die Käuferseite verstehen möchten, bevor sie ihre eigenen Produkte einrichten.
Was dein Kunde sieht
Der Customizer hat zwei Bereiche. Auf der einen Seite siehst du eine Live-Vorschau des Produkts. Auf der anderen Seite liegt ein Bereich mit den Personalisierungsfeldern.
Oben im Bereich mit den Feldern steht der Produktname, damit der Kunde immer weiß, was er gerade personalisiert.
Das Layout passt sich dem Bildschirm an. Auf dem Desktop liegen Vorschau und Felder nebeneinander. Auf dem Handy sind sie übereinander angeordnet, mit der Vorschau oben und den Feldern darunter.
Der Customizer kann an zwei Stellen erscheinen. Er kann direkt auf der Produktseite erscheinen oder als vollständiger Editor geöffnet werden. Was dein Kunde sieht, hängt davon ab, wie du ihn platziert hast. Den Unterschied erklärt Composerie in deinem Shop sichtbar machen.
Der Ablauf von Personalisieren bis Kaufen
So läuft es für einen Kunden von der Produktseite bis zum Warenkorb ab.
Den Customizer von der Produktseite öffnen
Der Kunde beginnt auf deiner Produktseite und fängt an zu personalisieren. Das Produkt lädt mit deinem Design und seinen Personalisierungsfeldern.
Die Personalisierungsfelder ausfüllen
Der Kunde trägt seine Angaben in die Felder ein, die du eingerichtet hast: Text, ein Foto, eine Farbe, eine Schriftart und so weiter. Jedes Feld hat sein eigenes Steuerelement. Mehr zu den Feldtypen steht unter Felder im Personalisierungsformular.
Zusehen, wie die Live-Vorschau sich aktualisiert
Jede Änderung des Kunden aktualisiert die Vorschau sofort. Er kann seinen Text lesen, sein Foto prüfen und seine Farben sehen, bevor er kauft. Einen eigenen Schritt zum Aktualisieren gibt es nicht. Mehr dazu unter Die Live-Vorschau.
Eine Variante, Option oder ein Add-on wählen
Hat das Produkt Varianten oder Optionen (etwa eine Größe oder einen Rahmen), wählt der Kunde sie hier. Bietest du Add-ons an, wählt er auch diese. Braucht die Überschrift einen Namen und du hast keinen festgelegt, steht dort „Wähle deine Option“.
In den Warenkorb legen
Unten im Bereich mit den Feldern bleibt eine Leiste angeheftet. Sie enthält einen Zurück-Pfeil und die Hauptschaltfläche. In einem normalen Shopify-Shop lautet diese Schaltfläche „In den Warenkorb“. Drückt der Kunde sie, speichert Composerie sein Design und leitet ihn zum Warenkorb weiter.
Was nach dem Hinzufügen zum Warenkorb passiert
Wenn der Kunde „In den Warenkorb“ drückt, passieren im Hintergrund mehrere Dinge.
Composerie speichert das Design des Kunden und löscht den laufenden Entwurf, den es für dieses Produkt vorgehalten hat. Der Entwurf ist die automatisch gespeicherte Kopie, mit der ein Kunde später zurückkommen kann, ohne seine Arbeit zu verlieren. Sobald das Design richtig gespeichert ist, wird dieser Entwurf nicht mehr gebraucht.
Composerie erstellt außerdem ein kleines Vorschaubild des Designs mit 200 mal 200 Pixeln und hängt es an die Warenkorbposition. Dieses Vorschaubild begleitet die Bestellung, sodass du und dein Kunde sehen könnt, was personalisiert wurde.
Danach übergibt Composerie die Position an Shopify und leitet den Browser zum Warenkorb weiter. Der Kunde landet in deinem normalen Shopify-Warenkorb mit dem bereits hinzugefügten personalisierten Artikel. Von dort aus läuft die Kasse wie gewohnt über Shopify.
Fehlt etwas, kommt der Kunde nicht zum Warenkorb. Ist ein Pflichtfeld leer, blockiert der Customizer das Hinzufügen und zeigt eine Meldung wie „Bitte ausfüllen: Name“, die das Feld nennt, das Aufmerksamkeit braucht. Der Kunde bleibt im Customizer, korrigiert das Feld und versucht es erneut.
Was passiert, wenn ein Pflichtfeld leer bleibt?
Der Customizer blockiert das Hinzufügen und zeigt eine Meldung mit dem Namen des Felds, zum Beispiel Bitte ausfüllen: Name. Der Kunde bleibt im Customizer, bis er es ausgefüllt hat.
Verlässt der Kunde Composerie, um zu bezahlen?
Ja. Nach dem Hinzufügen zum Warenkorb landet er im normalen Shopify-Warenkorb und bezahlt dann wie gewohnt über Shopify.
Wird die personalisierte Vorschau mit der Bestellung gespeichert?
Ja. Composerie erstellt ein kleines Vorschaubild und hängt es an die Warenkorbposition, damit das Design in der Bestellung sichtbar ist.
Weiter
Was mit einem halb fertigen Design zwischen zwei Besuchen passiert, steht unter Speichern, Wiederherstellen und Neu beginnen.
Wie der Bereich mit den Feldern Feld für Feld funktioniert, erfährst du unter Felder im Personalisierungsformular.