Widget einbetten

Das MonteurBook-Widget lässt sich auf jeder Website einbetten – egal ob WordPress, Jimdo, Wix oder eine eigene Seite. Du brauchst nur einen kleinen Code-Schnipsel, den du einmal kopierst und einfügst.

Schritt 1: Widget-Code im Dashboard finden

1. Gehe zu Objekte in der Seitenleiste.
2. Öffne das Objekt, für das du das Widget einbetten möchtest.
3. Wechsle zum Tab Widget-Code.
4. Du siehst dort einen fertigen Code-Schnipsel, der bereits auf dein Objekt vorkonfiguriert ist.

Schritt 2: Code kopieren

Klicke auf den Button Code kopieren unter dem Code-Schnipsel. Der gesamte Code wird in deine Zwischenablage kopiert.

Der Code sieht in etwa so aus:

<iframe
  src="https://app.monteurbook.de/embed/dein-objekt-slug"
  width="100%"
  height="700"
  frameborder="0"
  style="border:none;"
></iframe>

Schritt 3: Code auf deiner Website einfügen

Wie du den Code einfügst, hängt von deinem Website-System ab:

WordPress

1. Öffne den Beitrags- oder Seiten-Editor.
2. Füge einen neuen Block vom Typ Benutzerdefiniertes HTML (oder „HTML") hinzu.
3. Füge den kopierten Code in diesen Block ein.
4. Speichere oder veröffentliche die Seite.

Jimdo

1. Gehe zum Seiteneditor und klicke auf + um ein neues Element hinzuzufügen.
2. Wähle Widget/HTML.
3. Füge den Code ein und klicke auf Fertig.

Wix

1. Klicke in deinem Wix-Editor auf + → Mehr → HTML iframe.
2. Klicke auf Code eingeben und füge den Code ein.
3. Passe die Größe des Elements nach Bedarf an.

Eigene Website (HTML)

Füge den Code direkt an der Stelle in deiner HTML-Datei ein, an der das Widget erscheinen soll.

Empfohlene Maße

• Breite: 100% (passt sich dem Container an)
• Höhe: 700 px (ausreichend für Kalender + Buchungsformular)

Widget testen

Nachdem du den Code eingefügt hast, lade die Seite neu und prüfe:

• Wird der Kalender angezeigt?
• Sind die Zimmer sichtbar?
• Kann eine Test-Anfrage abgeschickt werden?

Test-Anfragen kannst du danach im Dashboard unter Buchungen löschen oder ablehnen.