Buchungsseite einbinden

Was möchte ich erreichen?

Gäste sollen rund um die Uhr selbst buchen können. Dafür braucht es eine Seite, die wie dein Betrieb aussieht, nur zeigt, was wirklich buchbar ist, und die du auf deiner Website einbinden kannst.

Was bringt mir das?

• Buchen ohne Telefon. Freie Zeiten sieht man direkt; belegte fallen weg — auf Wunsch durchgestrichen sichtbar.
• Ein Ort für alle Angebote. Leistungen, Tische, Räume und Veranstaltungen erscheinen auf einer Seite.
• Dein Auftritt. Logo, Farben und Designvarianten stammen aus deinen Brand-Einstellungen.
• Spam bleibt draußen. Ein Spamschutz mit Symbol-Probe sitzt vor dem Buchen-Knopf.

Wie funktioniert das — und wann brauche ich es?

Die Adresse

Die Seite liegt unter …/buchung/ deiner Instanz. Ganz oben im Abschnitt zeigt BookIvy den Link „Direkt zur Buchungsseite“. Mit ?service=<ID>&person=<ID> legst du eine Leistung und Person fest. Ohne Parameter lädt BookIvy die einzige freigegebene Leistung oder zeigt eine Auswahl.

Was die Seite anbietet

• Leistungen — mit dem Haken „Kalenderbuchung zulassen?“ je Leistung, siehe Leistungen anlegen; der Leistungs-Weg braucht Service- und Personenbuchung und mindestens eine Leistung mit Person.
• Tische und Räume — „Tischbuchung zulassen“ und „Raumbuchung zulassen“ unter „Räume & Tische“; optional „Raumpläne zur Buchung anzeigen“.
• Veranstaltungen — mit „Veranstaltungs-Buchung zulassen“.

Fehlt in einem Bereich der Haken, erscheint er auf der Seite gar nicht.

Die Reiter im Abschnitt

Die wichtigsten Einstellungen

• Buchungs-Interval — Raster der Startzeiten in Minuten. Überlappungen sind erlaubt; belegte Zeiten fallen weg.
• Standard-Ansicht — „Monat“ oder „Woche“; Besucher können jederzeit umschalten.
• Buchungshorizont — wie weit der Kalender in die Zukunft blättert; leer bedeutet 24 Monate. Hat eine Leistung einen längeren Vorlauf, gilt für sie der längere.
• Sichtbarkeit für Suchmaschinen — ab Werk „Nicht in Suchmaschinen“ (noindex); die Seite bleibt über Links, Einbettung und QR-Code erreichbar. „In Suchmaschinen auffindbar“ ist sinnvoll, wenn sie deine einzige Web-Präsenz ist.
• Buchungslimit — wie viele Termine eine Person pro Tag und pro Woche annimmt (Montag bis Sonntag); gezählt werden nur Personen-Buchungen, leer heißt unbegrenzt. Fehlen auf der Seite plötzlich ganze Wochen, prüfe zuerst dieses Limit.
• Brand-Name unter dem Logo, Logo-Position (links bündig mit Avatar oder rechts) und Logo-Größe (klein, mittel, volle Größe), Datenschutz-Hinweise einblenden — der Link erscheint erst, wenn unter „Grundeinstellungen“ eine Datenschutz-URL hinterlegt ist.
• Belegte Zeiten mit anzeigen — belegte Slots erscheinen durchgestrichen und nicht anklickbar, damit Gäste sehen, wie voll ein Tag ist.
• BookIvy-Spamschutz — vier Symbole in deinen Farben, eines ist gefragt. Bei Räumen und Tischen steht die Probe immer vor dem Buchen-Knopf; bei Veranstaltungen und Leistungen ziehst du die Karte „BookIvy-Spamschutz“ in das Layout.

Einbinden in die eigene Website

• Als Link oder QR-Code — der einfachste Weg.
• Als iFrame — hänge ?embed=1 an die Adresse: Die Seite erscheint dann ohne eigenen Rahmen und mit transparentem Hintergrund und meldet ihre Höhe als Nachricht rtbk:height an die Elternseite. Wertet deine Website diese Nachricht nicht aus, gib dem iFrame eine feste Höhe.
• Per PHP-Include — für Websites, die auf demselben Server laufen; nur das Widget-Markup.
• Für WordPress und den Chat gibt es eigene Wege: Chatbot einbinden.

Was muss ich einstellen und anklicken?

1. Den Abschnitt öffnen

   Einstellungen → Buchungswege → Buchungsseite

   Oben siehst du den Link „Direkt zur Buchungsseite“ — so erreichst du die Seite jederzeit.

2. Die Bereiche freischalten

   Wähle die Reiter „Räume & Tische“, „Personen & Leistungen“ und „Veranstaltungen“ und hake an, was Gäste buchen dürfen. Gibt es noch keine passenden Räume, Tische oder Leistungen, sagt BookIvy dir das an der Stelle.

3. Die Grundregeln setzen

   Im Reiter „Allgemeine Einstellungen“ stellst du Interval, Standard-Ansicht, Buchungshorizont, Suchmaschinen-Sichtbarkeit und bei Bedarf das Buchungslimit ein.

4. Das Aussehen wählen

   Unter „Kalender-Design“ wählst du eine der Varianten; alle Funktionen bleiben in jeder erhalten. Farben und Logo kommen aus Farben und Logo anpassen.

5. Speichern

   Speichere den jeweiligen Abschnitt mit dem Speichern-Knopf unten. Öffne danach die Buchungsseite über den Direktlink und prüfe sie wie ein Gast.

6. Auf der Website einbinden

   Verlinke die Adresse oder setze sie als iFrame ein: <iframe src="…/buchung/?embed=1">. Die Seite meldet ihre Höhe als Nachricht rtbk:height; deine Website muss sie auswerten, sonst vergib eine feste Höhe.

Was hängt damit zusammen?

Gut zu wissen