Wenn du ein Produkt veröffentlichst, fragt Composerie, wie es in deinem Shop aussehen soll. Es gibt drei Storefront-Modi: Verknüpft, Eingebettet und Vollbild. Diese Anleitung erklärt, was jeder Modus tut und wie du den richtigen wählst. Sie ist für alle gedacht, die ihr erstes Produkt veröffentlichen oder entscheiden, wo der Customizer erscheinen soll.
Du wählst den Modus pro Produkt, daher können verschiedene Produkte in deinem Katalog unterschiedliche Modi nutzen.
Die drei Modi auf einen Blick
Jeder Modus platziert den Customizer an einer anderen Stelle in deinem Shop. Das tut jeder davon.
Verknüpft veröffentlicht ohne die Personalisierungsoberfläche von Composerie. Nutze es nur, wenn das Design keine vom Kunden bearbeitbaren Felder hat.
Eingebettet setzt den Customizer direkt auf deine Produktseite, ohne Weiterleitung. Der Käufer personalisiert das Produkt, ohne die Seite zu verlassen. Am besten eignet es sich für Produkte mit wenigen Optionen, bei denen Kunden schnell bestellen wollen.
Vollbild öffnet eine eigene Customizer-Seite mit mehr Platz für Design und Formular. Es braucht weiterhin einen funktionierenden Einstiegspunkt im Shop und eine geprüfte Veröffentlichung.
Du wählst einen Modus pro Produkt, daher kann dein Katalog die Modi frei mischen.
Der Bildschirm Veröffentlichen bietet nur die Modi an, die das Design zulässt, was du dort siehst, ist also schon gefiltert. Verknüpft, Eingebettet oder Vollbild wählen zeigt den Schalter selbst, mit und ohne Verknüpft, und eine Vorschau darauf, was jeder Modus auf die Produktseite setzt.
So wählst du
Beginne mit einer Frage: Personalisiert der Käufer dieses Produkt?
Wähle Verknüpft nur für ein Design ohne Personalisierungsfelder. Der aktuelle Bildschirm Veröffentlichen nimmt Verknüpft aus der Auswahl, wenn solche Felder existieren. Wähle Eingebettet oder Vollbild, wenn der Käufer etwas eingeben soll.
Wähle Eingebettet für einen kompakten Ablauf auf der Produktseite und teste dann Blockplatzierung, Variantenauswahl und Warenkorbverhalten im tatsächlichen Theme.
Wähle Vollbild, wenn das Formular mehr Platz braucht. Teste den Button, die Seitenroute, die Pflichtfelder und den Rückweg zum Warenkorb für den vorgesehenen Shop.
Die Wahl eines Modus ist kein Beweis für Theme-Kompatibilität oder Ladeleistung. Prüfe vor dem Start den veröffentlichten Ablauf auf Desktop und Mobilgerät.
Eingebettet hat drei eigene Varianten
Eingebettet zu wählen ist nur die erste Entscheidung. Der Abschnitt Darstellung in den Shop-Einstellungen des Produkts legt dann fest, wie viel deiner Produktseite Composerie übernimmt. Er gilt nur für Veröffentlichungen im Modus Eingebettet und sagt das auch, wenn die Veröffentlichung einen anderen Modus nutzt.
Wähle ein Preset zum Starten. Es gibt drei:
| Preset | Was es macht | Geeignet für |
|---|---|---|
| Minimal | Fügt Felder unter deiner vorhandenen Variantenauswahl hinzu | Einfache Ergänzungen wie ein Name oder ein Foto |
| Optionen + Vorschau | Eine eigene Variantenauswahl mit Live-Vorschau | Visuelle Personalisierung mit Farb- oder Stil-Swatches |
| Vollständige Übernahme | Ersetzt den oberen Bereich der Produktseite vollständig | Premium-Produkte, die von vom Händler verfassten Vertrauenstexten profitieren |
Beginne bei einem etablierten Theme mit Minimal. Es lässt deine Produktseite in Ruhe, sodass nichts an deinem Layout, deinem Bewertungsblock oder deinem Kaufbutton kaputtgehen kann.
Ein Preset Stück für Stück überschreiben
Unter Erweitert kannst du die einzelnen Übernahmen umschalten, und das Preset wechselt zu Benutzerdefiniert, sobald du das tust:
- Varianten-UI ersetzen nutzt die Variantenauswahl von Composerie statt der des Themes.
- Live-Vorschau zeigt eine Vorschau, die sich aktualisiert, während Kunden personalisieren.
- Titel und Preis ersetzen übergibt Titel, Preis und Bewertungssterne an Composerie.
- CRO-Elemente zeigt neutrale Vertrauenstexte, die du selbst schreibst.
- Composerie In-den-Warenkorb nutzt einen gestalteten Composerie-Button zum Hinzufügen in den Warenkorb.
Jedes davon ersetzt etwas, das dein Theme bisher getan hat. Schalte eines ein und sieh dir dann die Live-Produktseite auf einem Smartphone und auf dem Desktop an, bevor du es eingeschaltet lässt.
Wo du es einstellst
Wähle den Modus für eine erste Veröffentlichung im Bildschirm Veröffentlichen des Produkts und prüfe die ausgewählten Shops und Bereitschaftsprüfungen.
Bestehende Veröffentlichungen nutzen ihre Shop- bzw. Veröffentlichungseinstellungen und den Aktualisierungsablauf. Folge Ein Produkt veröffentlichen, um die erste Veröffentlichung vom Aktualisieren einer bestehenden zu unterscheiden.
Diese Anleitung behandelt die Modi im Überblick. Die vollständige Schritt-für-Schritt-Anleitung steht unter Ein Produkt in deinem Shop veröffentlichen. Damit der Customizer zuerst in deinem Theme läuft, siehe Den Customizer in deinem Theme einschalten.
Weiter
Den ganzen Ablauf von Anfang bis Ende siehst du unter Dein erstes personalisierbares Produkt.