Zum Inhalt springen
Hilfe
Deutsch
Storefront-Builder

Referenz der Builder-Einstellungen

Jede shopweite Builder-Einstellung: Farben, Typografie, Seitenbreite, Checkout-Ablauf und Formularfelder, und wie jede einzelne für jeden Markt separat konfiguriert wird.

Einstellungen gelten pro Markt

Jede Einstellung in diesem Artikel wird pro Markt gespeichert, nicht einmal für den gesamten Shop. Jeder Markt behält seine eigenen Farben, Schriften, Seitenbreite, seinen eigenen Checkout-Ablauf und seine eigenen Formularfelder, sodass Sie in jedem Land, in das Sie verkaufen, ein anderes Erscheinungsbild und ein anderes Bestellformular einsetzen können.

Öffnen Sie den Builder, wählen Sie über den Markt-Tab (Symbol mit der Landesflagge) in der linken Seitenleiste einen Markt aus und öffnen Sie dann den Tab Einstellungen (Zahnradsymbol). Alles, was Sie ändern, gilt für den aktuell ausgewählten Markt. Um einem anderen Markt andere Einstellungen zu geben, wechseln Sie zuerst zu ihm und legen Sie sie erneut fest. Innerhalb eines Marktes gelten die Einstellungen global über alle Seiten hinweg: Wenn Sie ein Farbschema ändern, werden alle Seiten gleichzeitig aktualisiert. Nichts erreicht die Käufer, bis Sie auf Veröffentlichen klicken.

Farben

Jeder Markt verfügt über eine Palette von bis zu neun Farbschemata. Abschnitte, Blöcke und Komponenten verweisen anhand seiner Nummer auf ein Schema, sodass die Bearbeitung eines Schemas jeden Teil des Shops umfärbt, der es verwendet. Die vollständige Liste der Farbrollen innerhalb eines Schemas und Tipps zum Aufbau einer starken Palette finden Sie unter Farben, Schriften und Branding.

Typografie

Die Typografie-Einstellungen ordnen Schriftfamilien vier Rollen zu:

  • Fließtext: Absatztext und allgemeiner Text.
  • Überschrift: große Seiten- und Abschnittstitel.
  • Zwischenüberschrift: sekundäre Titel und Einleitungen.
  • Akzent: Hervorhebungen, Badges und kleine Beschriftungen.

Wählen Sie für jede Rolle eine Schrift, und der gesamte Markt richtet sich danach. Lateinische Schriften werden automatisch mit einer passenden arabischen Schrift gepaart, sodass auch Sprachen mit Schreibrichtung von rechts nach links sauber dargestellt werden.

Seitenbreite

Die Layout-Einstellung steuert die maximale Breite Ihres Inhalts. Eine schmalere Breite hält Text und Produkte auf großen Bildschirmen mit Rändern zentriert; eine breitere Breite füllt mehr vom Ansichtsfenster aus. Abschnitte, die auf volle Breite eingestellt sind, ignorieren dies und erstrecken sich von Rand zu Rand.

Branding-Elemente

Die Branding-Einstellungen enthalten Ihr Logo, Ihr Favicon (das kleine Symbol im Browser-Tab) und ein optionales Hintergrundbild des Bodys. Legen Sie sie pro Markt fest, wenn jeder Markt eigenständig aussehen soll, oder verwenden Sie überall dieselben Dateien.

Checkout-Ablauf

Die Checkout-Einstellungen bestimmen, wie ein Käufer von einem Produkt zu einer abgeschlossenen Bestellung gelangt.

Checkout-Methode

  • In den Warenkorb: Käufer sammeln Artikel in einer Warenkorb-Lasche und schließen von dort aus den Kauf ab. Am besten, wenn Käufer oft mehr als einen Artikel bestellen.
  • Schnell-Checkout: Der Warenkorb wird übersprungen und der Käufer gelangt direkt zum Bestellformular. Am besten für Shops mit einem einzelnen Produkt oder Nachnahme, bei denen Geschwindigkeit zählt.

Sekundäre Methode

Sie können die jeweils andere Methode als sekundäre Option aktivieren, sodass ein auf Schnell-Checkout aufgebauter Shop daneben trotzdem einen In-den-Warenkorb-Button anzeigen kann, und umgekehrt.

Checkout-Formularfelder

Die Formularfelder steuern genau, was Sie im Bestellformular erfassen. Verfügbare Felder umfassen vollständiger Name, Vor- und Nachname, Firma, Geschlecht, Geburtstag, Adresse, Personalausweisnummer, Stadtviertel, Wohnung, Etage, Postleitzahl, Bestellnotiz, Geschenkoption, E-Mail, Telefon und WhatsApp-Nummer. Für jedes Feld steuern Sie drei Dinge:

  • Status: Erforderlich (der Käufer muss es ausfüllen), Optional (wird angezeigt, ist aber nicht zwingend) oder Ausgeblendet (aus dem Formular entfernt).
  • Beschriftung: der sichtbare Feldname, den der Käufer liest.
  • Platzhalter: der Hinweistext, der innerhalb des leeren Feldes angezeigt wird.

Sie können die Felder auch neu anordnen, um die Reihenfolge festzulegen, die Käufer sehen. Da das Formular pro Markt gilt, können Sie in einem Markt eine Personalausweisnummer verlangen und sie in einem anderen ganz weglassen.

Gestaltung der Formulareingaben

Die Einstellungen für Formulareingaben steuern, wie jede Eingabe im Storefront aussieht: das Layout der Eingabe, das Farbschema, das die Eingaben verwenden, und ob Feld-Symbole angezeigt werden.

Oberflächensymbole

Die Symbol-Einstellungen legen die Stärke (Linienstärke) der im gesamten Shop verwendeten Oberflächensymbole fest und ob bestimmte Symbole überhaupt angezeigt werden.

Animationen

Die Animations-Schalter aktivieren oder deaktivieren die Bewegungseffekte des Storefronts. Schalten Sie sie aus, wenn Sie einen statischen, schneller wirkenden Shop bevorzugen oder die Vorlieben der Besucher für reduzierte Bewegung respektieren möchten.

Automatisierungen

Die Automatisierungs-Einstellungen steuern eigenständige Storefront-Verhaltensweisen, etwa wie Medien gehandhabt werden, und andere Aktionen, die ohne manuellen Schritt von selbst ablaufen.

Inhaltsschutz

Die Schutz-Einstellungen schränken bestimmte Browser-Interaktionen ein, etwa Rechtsklick und Textauswahl, um das beiläufige Kopieren Ihrer Bilder und Texte zu erschweren. Für einen stärkeren Schutz gegen Wettbewerber und Bots siehe Inhalte mit dem Spy Blocker schützen.

Wartungsmodus

Der Wartungsmodus verbirgt Ihr Storefront während Updates oder Ausfallzeiten hinter einer vorübergehenden Platzhalterseite. Sie können die Nachricht festlegen, die Besucher sehen, sowie das Farbschema dieser Seite. Schalten Sie ihn aus, um den Shop wieder online zu bringen.

Benutzerdefiniertes CSS und JavaScript

Für fortgeschrittene Anpassungen fügt die CSS-Einstellung Ihre eigenen Stile in jede Seite ein, und die JavaScript-Einstellung fügt benutzerdefinierte Skripte ein, etwa Tracking von Drittanbietern. Verwenden Sie diese nur, wenn Sie mit Code vertraut sind, denn ein Fehler hier kann sich auf das gesamte Storefront auswirken.