Page Styles steuern das visuelle Design deiner drop-Verkaufsseiten. Ein Style wird auf Kontoebene gespeichert, sodass du einen Style über mehrere drops hinweg wiederverwenden oder mehrere Variationen anlegen kannst.
Einen Style erstellen
Gehe zu Einstellungen und öffne den Tab Page Styles, dann klicke auf Neuen Style erstellen. Dies öffnet ein leeres Style-Formular. Es gibt hier keinen Pfad-Wähler — das Formular beginnt immer mit den Standardwerten.
Es gibt zwei weitere Möglichkeiten, einen Style ohne aufwändiges manuelles Ausfüllen zu erstellen:
- Duplizieren — jede Style-Karte in der Page Styles-Liste hat eine Duplizieren-Schaltfläche. Sie erstellt eine Kopie des Styles mit dem Namen „Name (Kopie)", den du dann bearbeiten kannst.
- Aus einer Website extrahieren — diese Option ist nur im Schritt Seitendesign des drop-Assistenten verfügbar, nicht im Page Styles-Bereich. Siehe Wie du Styles von einer Website extrahierst.
Gebe dem Style zunächst einen Style-Namen. Namen müssen einzigartig sein; ein Häkchen oder Kreuz neben dem Feld zeigt dir, ob der Name bereits vergeben ist.
Das Formular (drei Tabs)
Das Formular hat drei Tabs: Farben, Typografie und Schaltflächen. Es gibt keinen Live-Preview-Bereich — nur eine kleine Vorschau deines hochgeladenen Logos.
Farben
Farben sind gruppiert:
- Kern — Hintergrund, Text.
- Schaltflächen — Hintergrund, Text.
- Sekundär — Sekundär, Sekundärer Text (Panels, Abschnitte, Funktionsbereiche).
- Akzent — eine einzelne Akzentfarbe für Hervorhebungen.
- Gedimmt — Gedimmt, Gedimmter Text (subtile Hintergründe, deaktivierte Zustände).
- Weitere Elemente — Rahmen, Timer-Hintergrund, Timer-Text.
- Logo — Logo-Farbe plus ein Logo-Hintergrund-Schalter (ein Schleier hinter dem Logo). Wenn aktiviert, kannst du dessen Farbe, Deckkraft, Abstände und Eckenform (quadratisch oder gerundet) festlegen.
Jede Farbe öffnet eine Farbauswahl, wenn du auf die Farbfeld klickst.
Typografie
- Schriftgrößen — Display, Überschrift, Unterüberschrift, Text, Bildunterschrift. Jede ist ein Freitextfeld, sodass du rem, px oder einen
clamp()-Ausdruck verwenden kannst. - Schriftstärken — Display, Überschrift, Text, je 100–900 (400 normal, 700 fett).
- Schriftarten — Überschriften-Schriftart und Text-Schriftart, aus einer festen Liste wählbar (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Es gibt hier keine border-radius-Kontrolle.
Schaltflächen
Trotz des Namens enthält dieser Tab Schaltflächen-Styling sowie Hero-, Logo- und Produkteinstellungen.
- Schaltflächen-Erscheinungsbild — Form (Gerundet / Quadratisch / Pille), Stil (Volltonfarbe / Transparent), Hover-Zustand (Abdunkeln / Aufhellen beim Hovern).
- Hero-Layout — Vertikale Ausrichtung (Oben / Unten / Mitte) und Horizontale Ausrichtung (Links / Mitte).
- Logo-Bild — lade ein Logo-Bild hoch und stelle seine Breite ein.
- Produktanzeige — Vorschaubilder (Artwork / Produkt / Staging Shot), Miniaturen (Artwork / Produkt) und das Standard-Produkt (Kleinste / Größte).
- Zusätzliche Optionen — Schalter für einen Header-Abwärtspfeil (mit benutzerdefiniertem Text), eine Warnung bei niedrigem Bestand (mit benutzerdefiniertem Text) und eine Versandkostenanzeige (USA/Kanada/Europa und Rest der Welt).
Speichern
Klicke oben rechts auf Style erstellen. (Wenn du einen bestehenden Style bearbeitest, heißt die Schaltfläche Style aktualisieren.) Der Style wird in deiner Page Styles-Bibliothek gespeichert und kann im Schritt Seitendesign eines beliebigen drop-Assistenten ausgewählt werden.
Später bearbeiten
Gehe zu Einstellungen → Page Styles, klicke auf die Bearbeiten-Schaltfläche eines Styles, nimm deine Änderungen vor und klicke auf Style aktualisieren. Siehe Wie du einen Page Style bearbeitest für weitere Details.