Buchungsseite erstellen ohne Code: Termine online
Buchungsseite erstellen ohne Code: der praktische Weg
Eine Buchungsseite können Sie beschreiben statt programmieren: Leistungen, Zeitfenster, gewünschte Angaben vom Kunden, Bestätigung per Mail. Der Builder liefert eine geprüfte Seite, die Sie per Klick veröffentlichen. Entscheidend ist vorher die Frage, ob Sie eine Terminanfrage brauchen oder einen echten Kalender mit gesperrten Slots.
Diese Unterscheidung kostet die meisten Projekte Zeit und Geld, weil sie zu spät getroffen wird. Deshalb steht sie hier am Anfang, gefolgt von Aufwand, Diensten, Kosten und Grenzen.
Was ist eine Buchungsseite, und was ist sie nicht?
Eine Buchungsseite nimmt einen Termin oder eine Reservierung entgegen und gibt dem Kunden eine verbindliche Rückmeldung. Das ist alles. Sie ist keine Kassensoftware, keine Personalplanung und kein Warenwirtschaftssystem, auch wenn diese drei Dinge in derselben Branche vorkommen.
Der Nutzen entsteht durch etwas Unspektakuläres: Buchungen laufen außerhalb Ihrer Arbeitszeit ein. Eine Praxis, ein Studio oder ein Ferienhaus bekommt einen erheblichen Teil der Anfragen abends und am Wochenende, also genau dann, wenn niemand ans Telefon geht.
Wichtig ist die Erwartung an die Antwort. Wer online bucht, rechnet mit einer sofortigen Bestätigung. Kommt sie erst am nächsten Vormittag von Hand, ist der Vorteil dahin und die Buchungsseite bleibt ein hübsches Formular.
Welche Bauform passt zu Ihrem Fall?
Drei Stufen, die sich in Aufwand und Wirkung deutlich unterscheiden.
| Stufe | Was der Kunde tut | Was Sie einrichten | Passt für |
|---|---|---|---|
| Terminanfrage | Formular mit Wunschtermin senden | nur die Seite | wenige Termine, persönliche Absprache |
| Kalender | freies Zeitfenster wählen, sofort bestätigt | Supabase, Resend | regelmäßige Termine, mehrere Anbieter |
| Kalender mit Zahlung | buchen und im Voraus zahlen | Supabase, Resend, Stripe | Ferienwohnung, Kurs, Workshop |
Die Terminanfrage ist in einem Durchgang gebaut und ab dem ersten Tag nützlich. Der Kalender ist der Punkt, an dem aus einer Website eine kleine Anwendung wird. Die Zahlung im Voraus lohnt sich dort, wo Nichterscheinen wirklich weh tut, also bei Kursen, Übernachtungen und langen Terminen.
Ein Rat aus der Praxis: Fangen Sie eine Stufe niedriger an, als Sie denken. Sie lernen in zwei Wochen mehr über Ihre Buchungen als in zwei Tagen Planung, und die höhere Stufe lässt sich jederzeit nachrüsten.
Wie sieht der erste Prompt aus?
Beschreiben Sie den Ablauf, wie Sie ihn einem neuen Mitarbeiter erklären würden.
Buchungsseite für ein Yoga-Studio in Stuttgart. Kurse Montag bis Samstag, drei Zeitfenster pro Tag, maximal zwölf Plätze je Kurs. Startseite mit Kursplan der laufenden Woche, Auswahl von Kurs und Termin, Formular mit Name, Mail und Telefonnummer, Bestätigungsmail nach der Buchung. Seite mit Preisen und Stornobedingungen. Ruhiges, helles Design, zuerst für das Telefon gedacht.
Zahlen im Prompt sind wertvoller als Adjektive. Plätze je Kurs, Dauer eines Termins, Vorlauf in Stunden, Stornofrist in Tagen: Diese Angaben bestimmen die Logik, und ohne sie rät der Builder. Was falsch ankommt, korrigieren Sie danach mit einzelnen Änderungen.
Welche Dienste braucht eine echte Buchung?
Ohne Datenspeicher gibt es keinen Kalender, denn irgendwo muss stehen, welcher Slot vergeben ist.
Supabase hält Termine, Kunden und Anmeldungen. Damit erst wird aus dem Formular eine Buchung, die man abfragen, ändern und stornieren kann. Der Einstieg steht in KI-App-Builder mit Supabase.
Resend verschickt die Mails: Bestätigung an den Kunden, Benachrichtigung an Sie, Erinnerung vor dem Termin. Die Bestätigungsmail ist der Teil, den Kunden als Beweis abspeichern, also gehören Datum, Uhrzeit, Adresse und Stornofrist hinein.
Stripe übernimmt Zahlung und Abonnement, wenn im Voraus gezahlt wird. Wie die Anbindung abläuft, steht in KI-App-Builder mit Stripe.
Dazu kommen die üblichen Bausteine: eigene Domain für Vertrauen, Google Analytics für die Frage, an welcher Stelle Menschen abspringen.
Wie verhindert man Doppelbuchungen?
Das ist die unangenehmste Frage bei jeder Buchungsseite, und sie wird gern übersehen, weil der Fehler beim Testen nie auftritt. Er tritt auf, wenn zwei Menschen im selben Moment denselben Slot anklicken.
Die Lösung liegt in der Datenbank, nicht in der Oberfläche. Der Slot muss beim Buchen gesperrt werden, und zwar in einem einzigen, unteilbaren Schritt, der beim zweiten Versuch fehlschlägt. Wird nur im Frontend geprüft, ob der Slot frei aussah, hilft das genau so lange, bis der erste Freitagabend kommt.
Zwei weitere Fälle gehören ausdrücklich beschrieben: die Vorlaufzeit, damit niemand für in zehn Minuten bucht, und der Puffer zwischen Terminen. Beides sind Zeilen in einer Änderung, aber nur, wenn Sie sie nennen. Solche Fachlogik entsteht über mehrere Änderungen und nicht mit einem einzigen Prompt.
Was kostet der Aufbau in Credits?
Gerechnet wird nach Aktionen, nicht nach Stunden.
| Aktion | Credits | Im Hi-Fi-Modus |
|---|---|---|
| Änderung an einem Projekt | 3 | 6 |
| Frischer Build | 6 | 12 |
| Mehrseitige Plattform | 12 für die ersten drei Seiten, dann 3 je Seite | doppelt |
Die Tarife: Free enthält 5 Credits, Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800. Zweihundert Credits reichen für rund 16 mehrseitige Plattformen oder 33 Builds oder 66 Änderungen, wenn man sie ausschließlich dafür einsetzt.
Für eine Buchungsseite mit Kalender planen Sie ehrlicher als für eine Visitenkartenseite: ein Build für die Grundfassung und danach mehrere Änderungen für Sperrlogik, Mailtexte, Stornofristen und Sonderfälle. Beachten Sie, dass 5 Credits im kostenlosen Tarif unter den 6 für einen Build liegen; Free ist ein Rundgang, kein Projekt.
Was gehört rechtlich auf die Seite?
Ein Impressum ist bei gewerblichen Seiten in Deutschland und Österreich Pflicht, eine Datenschutzerklärung spätestens dann, wenn Sie Namen, Mailadressen und Termine speichern. Beides legt der Builder als Seite an, die Inhalte verantworten Sie.
Bei Buchungen kommen zwei Punkte dazu, die Kunden tatsächlich lesen. Erstens die Stornobedingungen: bis wann kostenfrei, danach welcher Anteil. Zweitens der klar sichtbare Endpreis inklusive Mehrwertsteuer. Beides gehört auf die Buchungsseite selbst, nicht nur in ein verlinktes Dokument.
Speichern Sie außerdem nur, was Sie brauchen. Für einen Friseurtermin genügen Name, Telefonnummer und Uhrzeit. Jedes zusätzliche Feld senkt die Abschlussquote und erhöht Ihre Pflichten.
Wann ist spezialisierte Buchungssoftware die bessere Wahl?
Eine faire Antwort gehört dazu. Fertige Terminsysteme sind stark, wo Branchenwissen eingebaut ist: Schichtpläne, Ressourcen wie Räume und Geräte, Kassenanbindung, Warteliste, Anbindung an Kalender von Mitarbeitern. Wer eine Praxis mit acht Behandlern führt, ist damit schneller am Ziel, als jede Sonderregel selbst zu beschreiben.
Ein gebautes Projekt gewinnt dort, wo der Ablauf eigen ist und in keine Vorlage passt, wo Buchung und Website eine Einheit sein sollen und wo Sie die Daten und den Quellcode selbst in der Hand behalten wollen. Für ein Studio, eine Ferienwohnung oder einen Salon mit drei Stühlen ist das der bequemere Weg; die kleinere Variante davon steht in Barbershop-Website erstellen.
Und die grundsätzliche Grenze: Bei einem großen Buchungsprodukt mit vielen Anbietern und Zahlungsströmen ersetzt der Builder kein Entwicklungsteam.
Wie sieht der Ablauf bis zur ersten echten Buchung aus?
Legen Sie zuerst die Regeln fest: Leistungen, Dauer, Preise, Vorlauf, Stornofrist, Plätze je Termin. Ohne diese Liste bauen Sie dreimal.
Dann bauen und ansehen. Eine einfache Seite steht in etwa einer Minute, eine mehrseitige Struktur in einigen Minuten. Jedes Projekt läuft vor der Übergabe in einer Sandbox, und was nicht geöffnet hat, wird nicht ausgeliefert. Es gibt 25 Vorlagen, davon 5 für Spiele, wenn Sie nicht beim leeren Feld anfangen wollen.
Testen Sie danach mit dem eigenen Telefon eine vollständige Buchung inklusive Mail, und buchen Sie denselben Slot ein zweites Mal, um die Sperre zu prüfen. Veröffentlicht wird auf eine Adresse der Form ihr-studio.zugo.run, die eigene Domain kommt danach dazu. Der erste Entwurf entsteht aus drei Sätzen Beschreibung auf zugo.dev.