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 öffnen
- Gehe zu Einstellungen in der Seitenleiste.
- 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.
- Klicke auf das Farbfeld neben „Akzentfarbe".
- Wähle eine Farbe mit dem Farbwähler oder gib einen Hex-Code ein (z.B.
#E8733Afür Orange). - 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.
- Klicke auf Logo hochladen.
- Wähle eine Bilddatei von deinem Computer (empfohlen: PNG mit transparentem Hintergrund, min. 200 × 60 px).
- 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.
- Klicke in das Textfeld unter „Überschrift".
- Ä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.