Die Kundenvorschau erhält das aktuelle Design aus dem Editor, einschließlich nicht gespeicherter Änderungen. Nutze sie, um die Arbeitsfläche, die vom Kunden bearbeitbaren Felder und die Produktoptionen zu prüfen. Sie ist von der veröffentlichten Käuferseite getrennt und beweist nicht, dass der Checkout bereit ist.
Die Kundenvorschau öffnen
Öffne das Menü Datei und wähle Kundenvorschau. Die Vorschau öffnet sich über dem Editor, ohne das Produkt zu veröffentlichen. Speichere separat, wenn du deine Änderungen behalten möchtest.
Fülle die Pflichtfelder aus und schalte durch die verfügbaren Materialien, Größen, Schriften, Farben und Add-ons.
Für eine schnellere Prüfung bleibst du im Dock. Seine eigene Ansicht Vorschau zeigt das Kundenformular neben der Arbeitsfläche, sodass du die Einstellungsbereiche offen lassen und eine Änderung beim Machen ankommen sehen kannst. Die Kundenvorschau ist die Vollbildversion davon.
Es ist der echte Customizer, keine Nachbildung
Beide Einstiegspunkte laden den eigenen Customizer des Käufers in den Editor und schieben dein Design aus dem Arbeitsspeicher hinein. Für die Händlerseite wird nichts nachgebaut. Eine Korrektur oder Verbesserung dessen, was Käufer sehen, erscheint hier also am selben Tag, und ein Layoutproblem, das du hier findest, wäre auch ein Layoutproblem der Käufer gewesen.
Deshalb braucht die Vorschau beim Kaltstart einen Moment. Ist sie nach etwa fünfzehn Sekunden nicht erschienen, ersetzt sich das Bedienfeld durch eine Meldung und eine Schaltfläche zum erneuten Versuch, statt endlos zu laden.
Der Warenkorb ist absichtlich geschlossen
Die Schaltfläche In den Warenkorb ist hier deaktiviert und lautet Nur Vorschau statt In den Warenkorb. Fahre mit der Maus darüber, und sie sagt dir, warum: Das ist eine Vorschau, und der Checkout wird aktiv, sobald das Design veröffentlicht ist. Ein Klick darauf bewirkt nichts außer demselben Hinweis, der sich nach drei Sekunden von selbst ausblendet, damit dir kein rotes Banner über deiner Arbeit bleibt.
Das ist kein Fehler, den du melden musst, und kein Feld, das du falsch ausgefüllt hast. Der Checkout gehört zu einem veröffentlichten Produkt. Prüfe den tatsächlichen Warenkorb-Ablauf also an der Veröffentlichung selbst.
Zweimal auf Mobilgeräten prüfen
Nutze Vorschaugröße in der Vorschau, um zum schmalen Layout zu wechseln.
Teste den Bild-Upload, lange Options-Beschriftungen, Auswahllisten und das unterste Feld im Formular. Arbeitsfläche und Formular sollten ohne horizontales Scrollen nutzbar bleiben.
Prüfe es dann auf einem echten Smartphone, das ist ein anderer Test. Auf dem Handy testen öffnet ein Popover mit einem QR-Code, den du mit der Kamera des Smartphones scannst.
Ein schmales Browserfenster und ein echtes Smartphone widersprechen sich öfter, als du erwarten würdest. Nur auf dem Smartphone siehst du die Touch-Ziele, die Bildschirmtastatur, die das Formular nach oben schiebt, und den Foto-Upload aus der Fotomediathek.
Veröffentlicht die Kundenvorschau das Produkt?
Nein. Sie zeigt aktuelle Änderungen aus dem Editor in der Vorschau, ohne zu veröffentlichen oder den Checkout zu aktivieren.
Warum fehlen meine letzten Änderungen?
Die Vorschau sollte die aktuellen Änderungen aus dem Editor erhalten. Prüfe, ob Ladefehler vorliegen, und öffne sie bei Bedarf erneut. Speichere separat, um die Änderungen zu behalten. Das Veröffentlichen ist ein weiterer Schritt.
Warum zeigt der QR-Code ein älteres Design?
Der mobile Link verweist auf eine bestimmte gespeicherte Version, weil ein anderes Gerät den nicht gespeicherten Stand des Editors nicht empfangen kann. Speichere das Design und öffne das Popover erneut, um einen Link zur neuen Version zu bekommen.
Was ist die wichtigste Prüfung auf Mobilgeräten?
Gehe den gesamten Ablauf durch und bestätige, dass jedes Pflichtfeld und die letzte Aktion erreichbar bleiben.
Weiter
Lies Die Live-Vorschau, um zu verstehen, was der Käufer beim Bearbeiten sieht.