Wo finde ich diese Einstellungen?
Gehen Sie zu Vertriebskanäle > Webshop > Webshop bearbeiten > Erweitert > Layout und Farbe.
Was bedeutet das?
Mit den Einstellungen für Layout und Farbe legen Sie fest, wie Ihr Webshop für Kunden aussieht. Sie können Farben, Schriftstile, Schaltflächenfarben, Rahmen und das Kalenderverhalten anpassen.
Diese Einstellungen sind besonders nützlich, wenn Sie den Webshop in Ihre eigene Website einbetten, da Sie damit den Webshop an Ihre Marke anpassen und ein konsistentes Kundenerlebnis schaffen können.
Bevor Sie Farben ändern, empfehlen wir, Ihre Markenrichtlinien zu prüfen und Farben mit ausreichendem Kontrast auszuwählen, damit Texte und Schaltflächen gut lesbar bleiben.
Was sollte ich tun?
Layout und Farbe
Aktualisieren Sie im Abschnitt Layout und Farbe die Attribute, die Sie anpassen möchten. Die Elementnummern in der Tabelle entsprechen den nummerierten visuellen Referenzen in den folgenden Screenshots.
| #Element | Attribut | Beschreibung |
|---|---|---|
1 | Haupthintergrund der Seite | Legt die Hintergrundfarbe der gesamten Seite rund um Ihren Webshop fest. |
2 | Haupthintergrund des Shops | Legt die Haupthintergrundfarbe innerhalb des Webshops fest, einschließlich des Angebotsbereichs. |
3 | Auswahl- und Warenkorbfarbe | Legt die Farbe für das ausgewählte Datum, die Schaltfläche In den Warenkorb und den Zähler der Warenkorbeinträge fest. |
4 | Kalender- und Aktionsfarbe | Legt die Farbe für verfügbare, nicht ausgewählte Kalenderdaten und Aktionsschaltflächen fest. |
5 | Hover-Aktionsfarbe | Legt die Farbe fest, die angezeigt wird, wenn ein Kunde den Mauszeiger über Kalenderdaten oder wichtige Aktionsschaltflächen bewegt, beispielsweise Zahlungspflichtig bestellen. |
6 | Farbe der primären Schrift | Legt die Farbe des Haupttexts im Webshop fest. |
7 | Farbe der sekundären Schrift | Legt die Textfarbe für sekundäre Elemente fest, einschließlich einiger Kalenderdaten, Abfahrtszeiten, Navigationsschaltflächen und des Texts der Schaltfläche Zahlungspflichtig bestellen. |
8 | Farbe der tertiären Schrift | Legt die Textfarbe für Links und Call-to-Action-Elemente fest, beispielsweise Buchen, Weitere Informationen, In den Warenkorb, Meine Bestellung, Ihr Warenkorb, Zur Kasse und Ändern. |
9 | Farbe deaktivierter Schaltflächen | Legt die Hintergrundfarbe deaktivierter Schaltflächen fest, beispielsweise der Schaltfläche Weiter, bevor ein Kunde ein Abfahrtsdatum auswählt. |
10 | Schriftgröße des Haupttitels | Legt die Größe des Haupttitels im Widget fest. Der Höchstwert ist 50. |
11 | Hauptrahmenradius (px) | Legt fest, wie abgerundet die Ecken des Widgets sind. Verwenden Sie einen niedrigen Wert wie 1 für schärfere Ecken oder einen höheren Wert wie 80 für stärker abgerundete Ecken. |
12 | Menü in der mobilen Ansicht deaktivieren | Blendet das Navigationsmenü oben rechts auf Mobilgeräten aus. |
13 | Kalender mit Kacheln | Zeigt das ausgewählte Kalenderdatum in einer ovalen statt in einer quadratischen Kachel an. |
Gut zu wissen
Änderungen an den Layout- und Farbeinstellungen wirken sich auf den kundenorientierten Webshop aus. Öffnen Sie den Webshop nach dem Speichern Ihrer Änderungen als Kunde und prüfen Sie den gesamten Buchungsprozess, einschließlich der Angebotsauswahl, Kalenderdaten, des Warenkorbs, des Bezahlvorgangs und der mobilen Ansicht.
Verwenden Sie für ein optimales Kundenerlebnis Farben, die zu Ihrer Marke passen, und sorgen Sie für ausreichenden Kontrast zwischen Texten, Schaltflächen und Hintergründen. Dadurch wird der Webshop leichter lesbar und Kunden können die nächste Aktion leichter erkennen.
Häufig gestellte Fragen
Ändern diese Einstellungen den Inhalt meiner Angebote? ▼
Nein. Diese Einstellungen ändern nur das Erscheinungsbild des Webshops, beispielsweise Farben, Schriftarten, Schaltflächen und die Kalendergestaltung. Sie ändern weder Angebotsnamen, Preise und Verfügbarkeit noch die Regeln für den Bezahlvorgang.