Buchungskalender in WordPress: Einbinden und eine echte Buchung testen

Ein Buchungskalender in WordPress besteht im Kern aus zwei Entscheidungen: wo deine Termindaten liegen und an welcher Stelle der Website Kunden mit der Buchung beginnen. Die Installation selbst dauert wenige Minuten. Länger brauchen die Einrichtung des Angebots, das Verhalten rund um das Cookie-Banner und eine echte Buchung vom Smartphone. Dieser Leitfaden vergleicht keine Plugins, sondern führt dich durch Entscheidungen, mit denen du jahrelang arbeitest.

Wenn du noch klärst, was das Werkzeug leisten muss, beginne mit unserem Leitfaden zum Online-Buchungssystem. Hier gehen wir davon aus, dass du deine Leistungen schon kennst und sie sicher auf einer WordPress-Website veröffentlichen willst.

Eigenes Plugin oder eingebetteter Dienst

Ein Buchungs-Plugin läuft innerhalb von WordPress: Termine, Kunden und Nachrichten landen in der Datenbank deiner Website. Ein eingebetteter Dienst speichert Buchungen auf einem externen Server, und auf deiner Seite erscheint nur das Formular. Für Besucher sieht beides ähnlich aus, doch es unterscheidet sich darin, wer für Backups, Updates und Teamzugänge zuständig ist.

↔ Scrolle die Tabelle seitlich, um alle Spalten zu sehen.

Soll dein Empfang im Kalender statt im Website-Dashboard arbeiten, ist ein eingebetteter Dienst meist einfacher. Ein Plugin passt besser, wenn alles in einer Datenbank liegen soll und jemand es regelmäßig aktualisiert. Halte die Entscheidung in der Website-Dokumentation fest, damit nach einem Jahr niemand einen zweiten Kalender neben den ersten setzt.

Wo die Buchung auf der Website hingehört

Kunden buchen, sobald sie wissen, was sie auswählen. Deshalb funktioniert das Formular direkt unter der Leistungsbeschreibung am besten, nicht auf einer eigenen Seite mit allen Angeboten. Menüpunkt und Button im Text sollen zu dieser Stelle zurückführen, nicht die Beschreibung ersetzen.

• LeistungsseiteDas Formular steht unter Beschreibung, unverbindlichem Preis und Dauer. Kunden müssen dasselbe Angebot nicht erneut in einer Liste suchen.
• MenüpunktEine kurze Beschriftung wie Termin buchen, die zur Seite mit dem Formular führt. Hilfreich für alle, die ein zweites Mal kommen.
• Button im TextÖffnet das Formular in einem Fenster über der Seite. Gut für Beiträge und Seiten, auf denen ein ganzer Kalender zu viel Platz bräuchte.

Prüfe auf dem Smartphone, ob der Button nicht unter dem Cookie-Banner oder dem Chat-Symbol verschwindet. Läuft auf der Website schon ein Chatfenster, findest du die Widget-Einstellungen im Leitfaden zum Chat auf einer WordPress-Website. Buchungslinks in Social-Media-Profilen sind ein eigenes Thema, das wir beim Teilen eines Buchungslinks behandeln.

Formular Schritt für Schritt einbinden

1. Angebot und Formular vorbereiten.Ohne aktives Angebot und Zeiten zeigt das Formular einen leeren Kalender. Richte zuerst die Leistung ein, dann die Veröffentlichung.
2. Erlaubte Domain festlegen.Hake in der Liste der erlaubten Websites des Formulars die Domain an, auf der du es einbindest. Eine Testkopie unter anderer Domain nimmt dann keine Buchungen an.
3. Einbettungscode kopieren.Wähle ein Formular im Text, einen Button mit Fenster oder nur einen Link zur Buchungsseite.
4. Code in den Block Individuelles HTML einfügen.Füge im Editor der Leistungsseite unter der Angebotsbeschreibung einen Block Individuelles HTML ein und speichere als Administrator.
5. Cache leeren und Seite öffnen.Leere nach der Änderung Seiten- und CDN-Cache und öffne die Adresse in einem privaten Fenster, nicht im angemeldeten Editor.

In Meetlead Buchungen bietet der Veröffentlichungs-Tab eines Buchungsformulars drei Wege: Formular im Text, Button mit Fenster und öffentlicher Link. Der Code enthält immer einen Ausweichlink zur Buchungsseite, damit Kunden auch ohne geladenes Skript weiterkommen. Ist deine Website über das offizielle Meetlead-Plugin verbunden, fügst du nur das Formularelement ein, ohne zweites Skript. Die Plugin-Verbindung ist an den exakten Host gebunden, daher übernimmt eine Kopie der Website unter anderer Adresse keine Buchungen.

Die WordPress-Dokumentation zum Block Custom HTML beschreibt das Einfügen eigenen Codes und die Vorschau. Wer keine Berechtigung unfiltered_html hat, etwa ein Mitarbeiter, speichert Inhalte ohne unzulässige Tags wie <script> und <iframe>. Code mit Skript fügt deshalb ein Administrator ein. Die Quelle beschreibt kein bestimmtes Buchungswerkzeug.

Was du vor dem Start einrichten solltest

Ein leerer oder zu großzügiger Kalender schadet mehr als gar keiner. Wer einen unmöglichen Termin bucht, ruft trotzdem an, nur später und gereizter. Geh die folgende Liste durch, bevor du Code einfügst.

• Jedes Angebot hat Namen, Dauer und einen unverbindlichen Preis passend zur Preisliste auf der Website.
• Die Zeiten entsprechen dem echten Dienstplan, inklusive Pausen und kürzerer Tage.
• Puffer vor und nach dem Termin decken Vorbereitung und Aufräumen ab.
• Ausnahmen, Urlaub und Feiertage sind mindestens für die nächsten Wochen eingetragen.
• Pflichtangaben der Kunden beschränken sich auf das, was du für die Leistung brauchst.
• Ein Bestätigungsmodus ist gewählt: automatisch oder manuell mit einer zuständigen Person.

Nutzen mehrere Angebote denselben Platz oder dieselbe Ausrüstung, verbinde sie über einen gemeinsamen Pool, wie im Leitfaden zu Doppelbuchungen beschrieben. Die Auswahl der Formularfelder behandeln wir separat im Leitfaden zu Daten im Buchungsformular. Meetlead zeigt einen unverbindlichen Preis, nimmt keine Online-Zahlungen an und übernimmt Termine aus privaten Kalendern im Team nicht automatisch.

Eine echte Buchung vom Smartphone testen

Eine Vorschau im Editor ist kein Test. Bitte jemanden außerhalb deines Teams, auf dem eigenen Smartphone über mobile Daten einen Termin zu buchen, genau wie ein Kunde. Du beobachtest Panel und Posteingang.

1. Einstieg.Öffne die Leistungsseite über die Suche oder das Menü in einem privaten Fenster und reagiere auf das Cookie-Banner wie ein neuer Besucher.
2. Auswahl.Wähle Angebot, Anzahl der Personen oder Stück und einen Termin morgen früh, danach einen weiteren in einigen Wochen.
3. Angaben und Zusammenfassung.Fülle die Felder aus, prüfe die Fehlermeldungen und vergleiche die Zusammenfassung mit dem gewählten Angebot.
4. Panel.Prüfe, ob die Buchung mit richtigem Status und richtiger Uhrzeit im Kalender erscheint.
5. Aufräumen.Storniere die Testbuchung im Panel, damit sie keinem echten Kunden den Termin blockiert.

Notiere das Ergebnis jedes Schritts. Verhält sich etwas anders als erwartet, korrigiere die Einrichtung und wiederhole den ganzen Ablauf, nicht nur den fehlgeschlagenen Schritt.

Cookie-Einwilligung und Nachrichten an Kunden

Das Buchungsformular lädt ein Skript von einem externen Server, sein Verhalten hängt also von deinen Einwilligungseinstellungen ab. Das offizielle Meetlead-Plugin kennt drei Modi, die ein Administrator beim Verbinden der Website wählt. Diese Beschreibung ist keine Rechtsberatung; Rechtsgrundlage und Text der Datenschutzerklärung legst du für deine eigene Konfiguration fest.

↔ Scrolle die Tabelle seitlich, um alle Spalten zu sehen.

Die Plugin-Seite der WP Consent API erklärt, dass sie Einwilligungssignale zwischen einem Banner-Plugin und anderen Plugins weitergibt und selbst keine Einwilligungen einholt. Sie belegt also nicht, dass dein Banner richtig eingerichtet ist.

E-Mails an Kunden gehen nur raus, wenn sie in den Einstellungen und im Angebot aktiviert sind und der Kunde eine Adresse angegeben hat. Ist die E-Mail kein Pflichtfeld, bleibt ein Teil der Buchungen ohne Bestätigung per E-Mail. Meldet ein Kunde eine fehlende Nachricht, folge den Schritten im Leitfaden zur fehlenden Buchungsbestätigung. Lege außerdem fest, wer im Team täglich den Kalender und offene Anfragen zur manuellen Bestätigung prüft.

Fragen zum Buchungskalender in WordPress

Macht ein Buchungsformular meine Website langsamer? Jedes zusätzliche Skript kostet etwas, deshalb miss die Leistungsseite vor und nach dem Einfügen des Codes auf demselben Smartphone. Ein Formular im Text lädt nur dort, wo du es platzierst. Braucht eine Seite keine Buchung, füge dort keinen Code-Block ein.

Kann ich die Buchung auf einer Testkopie der Website prüfen? Das Layout ja, die eigentliche Buchung aber auf der Live-Domain. Das Formular nimmt Buchungen nur von erlaubten Adressen an, und die Plugin-Verbindung ist an den exakten Host gebunden. Lege auf der Live-Website eine Testbuchung an und storniere sie sofort wieder.