MonteurBook

Design anpassen

Das MonteurBook-Widget lässt sich optisch an deine Website anpassen. So wirkt es wie ein natürlicher Teil deiner Seite – nicht wie ein fremdes Element.

Widget-Design Einstellungen

Widget-Design öffnen

  1. Gehe zu Einstellungen in der Seitenleiste.
  2. Wechsle zum Tab Widget-Design.

Alle Anpassungen, die du hier vornimmst, gelten für das Widget auf deiner Website. Änderungen werden sofort in der Live-Vorschau auf der rechten Seite angezeigt.

Akzentfarbe ändern

Die Akzentfarbe wird für Schaltflächen, Links und markierte Datumsfelder im Widget verwendet.

  1. Klicke auf das Farbfeld neben „Akzentfarbe".
  2. Wähle eine Farbe mit dem Farbwähler oder gib einen Hex-Code ein (z.B. #E8733A für Orange).
  3. Die Vorschau aktualisiert sich sofort.

Tipp

Wähle die Hauptfarbe deiner Website als Akzentfarbe. Meist ist das deine Markenfarbe oder die Farbe deiner Buttons.

Logo hochladen

Du kannst dein eigenes Logo im Widget anzeigen lassen, anstatt des MonteurBook-Logos.

  1. Klicke auf Logo hochladen.
  2. Wähle eine Bilddatei von deinem Computer (empfohlen: PNG mit transparentem Hintergrund, min. 200 × 60 px).
  3. Das Logo erscheint oben im Widget.

Tipp

Verwende ein Logo mit transparentem Hintergrund (PNG), damit es auf jedem Hintergrund gut aussieht.

Überschrift anpassen

Die Überschrift erscheint ganz oben im Widget über dem Kalender.

  1. Klicke in das Textfeld unter „Überschrift".
  2. Ändere den Text nach deinen Wünschen, z.B. „Jetzt Zimmer buchen" oder „Verfügbarkeit prüfen".

Willkommenstext anpassen (optional)

Unter der Überschrift kannst du einen kurzen Text einfügen, z.B. eine Kurzbeschreibung deiner Unterkunft oder einen Hinweis für Gäste.

Live-Vorschau

Alle Änderungen siehst du sofort in der Live-Vorschau auf der rechten Bildschirmseite. So kannst du das Ergebnis beurteilen, ohne die Seite zu speichern.

Änderungen speichern

Klicke auf Einstellungen speichern, um deine Anpassungen zu übernehmen. Das Widget auf deiner Website wird automatisch aktualisiert – du musst den Einbettungscode nicht neu einfügen.

Zurücksetzen

Klicke auf Zurücksetzen (neben dem Speichern-Button), um alle Design-Einstellungen auf die Standardwerte zurückzusetzen.

Wichtig

Das Zurücksetzen kann nicht rückgängig gemacht werden. Wenn du dir nicht sicher bist, notiere deine aktuellen Einstellungen vorher.