Widgets an die Website anpassen

Anpassen

1. 1

   Öffnen Sie Einrichtung › Widgets und wählen Sie links das Widget.

2. 2

   Wählen Sie über der Vorschau hell oder dunkel.

   Der Schalter zeigt Sonne und Mond. Dunkel stellt das Widget auf dunkle Flächen um – für Websites mit dunklem Hintergrund.

3. 3

   Wählen Sie unter Stil das Aussehen.

   HANS (Standard) ist die Schrift Inter im Gewand der HANS-Gästeseiten, Modern dieselbe Schrift ohne dieses Gewand, Klassisch die Schrift Manrope.

4. 4

   Wählen Sie bei Bedarf eine eigene Akzentfarbe.

   Ohne eigene Wahl nimmt das Widget die Hausfarbe. Zurücksetzen führt zu ihr zurück.

5. 5

   Klicken Sie auf Einbett-Code und dann auf Kopieren.

6. 6

   Ersetzen Sie den Code auf Ihrer Website durch den neuen.

Was dann passiert

Ihre Wahl steht als Zusatz im Code: data-mode="dark" für dunkle Flächen, data-font für den Stil, data-theme für eine eigene Farbe. Ein Code, der schon auf der Website steht, ändert sich nicht von selbst. Die Vorschau speichert nichts – sie zeigt nur, wie der Code aussähe.

Die Hausfarbe pflegen Sie unter Einrichtung › Unterkunft › Darstellung als Primärfarbe. Widgets ohne data-theme zeigen eine neue Hausfarbe beim nächsten Laden, ohne neuen Code.

Auf dunklen Flächen prüft das Widget, ob die Hausfarbe lesbar bleibt. Ist sie zu dunkel, zeigt es Text und gewählte Felder hell. Gefüllte Knöpfe behalten die Hausfarbe.

Soll das Widget der Einstellung am Gerät des Gastes folgen, ändern Sie im Code data-mode="dark" in data-mode="auto". Die Sprache steht als data-lang im Code. Löschen Sie diese Zeile, übernimmt das Widget die Sprache der Website.

Was für alle Einbett-Codes gilt

Unter Einrichtung › Widgets › Konfiguration stehen die Voreinstellungen je Widget, etwa die Ansicht beim Öffnen oder die früheste Anreise. Sie gelten für jeden Einbett-Code Ihres Hauses. Steht im Code ein passender data--Zusatz, gewinnt der Code. Welche es gibt, steht unter der jeweiligen Karte.

Wenn es nicht klappt