📅 Tandem-Buchungssystem
Dokumentation für das Online-Terminbuchungssystem
🚀 Schnellnavigation
📋 Übersicht
Das Tandem-Buchungssystem ermöglicht Online-Terminbuchungen für Tandemsprünge direkt über eure Website. Kunden können verfügbare Termine einsehen, Buchungen vornehmen und optional online bezahlen.
Hauptfunktionen
📅 Kalender mit Verfügbarkeit
Farbcodierte Tagesanzeige (Grün/Gelb/Rot) zeigt sofort die Verfügbarkeit. Slots werden dynamisch basierend auf der gewählten Teilnehmerzahl aktualisiert.
👥 Multi-Gast-Buchung
Bis zu 5 Tandemgäste können gleichzeitig gebucht werden – jeder mit eigenen Daten und Optionen.
💳 Online-Zahlung
Optionale Stripe-Integration für sichere Zahlungen per Kreditkarte, PayPal, Klarna u.v.m.
🎫 Gutschein-System
Gutscheincodes können validiert und automatisch vom Preis abgezogen werden.
🎥 Video-Optionen
Flexible Video-Pakete zur Auswahl: Handkamera, Kameraspringer, Fotos oder Kombipakete.
💾 Entwurf speichern
Bei Unterbrechung wird der Fortschritt automatisch gespeichert und kann fortgesetzt werden.
🔗 Integration (WordPress)
Das Buchungsformular wird über einen HTML-Code in eine WordPress-Seite eingebunden. Die Konfiguration erfolgt zentral im Ninox-Backend über die Einstellungen.
⚙️ Einstellungen → Tandem-Buchungssystem
Im Ninox-Backend unter Einstellungen → Tab "Tandem-Buchungssystem" werden alle Optionen konfiguriert. Der JSON-Link für die Settings wird dort generiert.
📋 WordPress-Einbindung
Schritt 1: WordPress-Seite erstellen (z.B. /tandemsprung-buchen/)
Schritt 2: HTML-Block hinzufügen
Schritt 3: Einbettungscode einfügen
Schritt 4: Seite veröffentlichen
Schritt 2: HTML-Block hinzufügen
Schritt 3: Einbettungscode einfügen
Schritt 4: Seite veröffentlichen
Wichtig: Die
data-settings-url ist der Ninox-Share-Link aus den Einstellungen. Dieser Link enthält alle Konfigurationsoptionen und muss für eure Datenbank angepasst werden.💻 Einbettungscode
Der vollständige Code für die WordPress-Einbindung:
HTML Zum Kopieren markieren
📝 Parameter:
•
•
•
•
data-target: CSS-Selektor für das Ziel-Element•
data-settings-url: Ninox-Share-Link mit Settings•
data-body-url: URL zum HTML-Template (Standard beibehalten)📝 Buchungsablauf (5 Steps)
Das Buchungsformular führt den Nutzer durch 5 übersichtliche Schritte. Der Fortschritt wird in einer Progress-Bar angezeigt.
✓
✓
3
4
5
Schritt 3 von 5: Teilnehmerzahl wählen
Progress-Bar im Buchungsformular
Buchungsart wählen
Neue Buchung oder Umbuchung per Buchungscode. Bei Umbuchung wird der bestehende Buchungscode abgefragt.
Termin wählen
Kalender mit Verfügbarkeitsanzeige. Grün = verfügbar, Gelb = eingeschränkt, Rot = ausgebucht (Warteliste).
Teilnehmerzahl
Anzahl der Tandemgäste wählen (1-5). Die Kalenderansicht aktualisiert sich entsprechend.
Persönliche Daten
Für jeden Gast: Name, Kontaktdaten, Körpermaße, Video-Option und optional Gutscheincode.
Zusammenfassung & Zahlung
Übersicht aller Daten, Preisberechnung und Zahlungsauswahl (Online oder vor Ort).
📅 Kalender & Verfügbarkeit Frontend
Der Kalender zeigt die Verfügbarkeit der Termine farbcodiert an. Die Farben ändern sich dynamisch basierend auf der gewählten Teilnehmerzahl.
Farbcodierung
🟢 Grün – Verfügbar
Genügend freie Plätze für die gewählte Teilnehmerzahl vorhanden. Der Tag ist anklickbar und zeigt die verfügbaren Slots mit Details.
🟡 Gelb – Eingeschränkt
Es sind noch Plätze frei, aber nicht genug für die gewählte Teilnehmerzahl. Der Tag ist nicht buchbar mit dieser Anzahl.
🔴 Rot – Ausgebucht
Keine freien Plätze mehr verfügbar. Der Tag bietet die Wartelisten-Funktion an.
Dynamische Anpassung: Die Farben werden automatisch aktualisiert, wenn die Teilnehmerzahl geändert wird.
Kalender mit 3-Spalten-Layout und Kapazitätsbalken
📋 Wartelisten-Funktion Frontend
Bei ausgebuchten Terminen (rot) können sich Interessenten auf eine Warteliste setzen lassen. Sie werden per E-Mail benachrichtigt, sobald ein Platz frei wird.
🔴 Klick auf ausgebuchten Tag
Wenn ein Nutzer auf einen roten (ausgebuchten) Tag klickt, öffnet sich ein Modal zur Wartelisten-Eintragung statt der normalen Slot-Auswahl.
📧 E-Mail-Eintragung
Der Nutzer gibt seine E-Mail-Adresse ein. Diese wird zusammen mit dem gewünschten Datum in der Datenbank gespeichert.
🔔 Benachrichtigung
Sobald ein Platz frei wird (z.B. durch Stornierung), kann der Interessent automatisch oder manuell benachrichtigt werden.
Ein kleines Listen-Icon (📋) in der Ecke des roten Tages signalisiert, dass die Wartelisten-Funktion verfügbar ist.
📋 Warteliste
×Dieser Termin ist leider ausgebucht. Trage dich auf die Warteliste ein.
Wartelisten-Modal bei ausgebuchtem Termin
📏 Körpermaße & Alter Backend
Im Backend können Grenzwerte für Körpergröße, Gewicht und Mindestalter definiert werden. Das Formular validiert die Eingaben entsprechend.
| Einstellung | Beschreibung | Beispiel |
|---|---|---|
| Körpergröße von | Mindestgröße in cm | 140 cm |
| Körpergröße bis | Maximalgröße in cm | 210 cm |
| Übergewicht ab | Ab diesem Gewicht gilt Aufschlag | 90 kg |
| Übergewicht bis | Maximalgewicht für Buchung | 105 kg |
| Mindestalter | Mindestalter für Tandemgäste | 10 Jahre |
Hinweis: Bei Überschreitung des Maximalgewichts kann der Gast nicht buchen. Bei Übergewicht wird ein Aufschlag berechnet.
🎫 Gutschein-System Backend
Das Gutschein-System ermöglicht die Validierung und Einlösung von Gutscheincodes. Optional können zwei Gutscheine pro Gast verwendet werden.
🔍 Gutschein-Validierung
Bei aktivierter Prüfung werden Gutscheincodes live validiert:
✓ Gutschein gültig. Wert: 100,00 €
✗ Ungültiger Gutscheincode.
⚠ Gutschein benötigt manuelle Prüfung.
Duplikat-Prüfung: Derselbe Gutscheincode kann nicht mehrfach verwendet werden.
🎫 Zwei-Gutschein-Feature
Bei aktiviertem Feature können für jeden Gast zwei Gutscheincodes eingegeben werden. Die Gutscheine werden sequentiell verrechnet.
Sequentielle Gutschein-Verrechnung
💰 Preisberechnung Frontend
Die Preis-Sidebar zeigt in Echtzeit die Kosten basierend auf Teilnehmern, Video-Optionen und eingelösten Gutscheinen.
📊 Preiskomponenten
Der Gesamtpreis setzt sich zusammen aus:
- Tandemsprung-Grundpreis (je nach Höhe)
- Video-Option (falls gewählt)
- Übergewicht-Aufschlag (falls zutreffend)
- Gutschein-Abzüge (sequentiell verrechnet)
👥 Multi-Gast-Berechnung
Bei mehreren Gästen wird für jeden Gast separat berechnet: Individueller Sprungpreis, Video-Option, Gutscheine und Zwischensumme.
Änderungen werden sofort in der Sidebar aktualisiert – ohne Neuladen der Seite.
Preis-Sidebar
💾 Entwurf speichern & fortsetzen Frontend
Das Buchungsformular speichert den Fortschritt automatisch im Browser. Bei Unterbrechung oder Seitenwechsel kann die Buchung später fortgesetzt werden.
💾 Was wird gespeichert?
- Buchungsart (Neu/Umbuchung)
- Gewählter Termin/Slot
- Teilnehmerzahl
- Alle persönlichen Daten
- Video-Optionen
- Gutscheincodes
- Aktueller Schritt
🔄 Wiederherstellung
Bei erneutem Besuch der Buchungsseite: Dialog fragt "Entwurf fortsetzen?", alle Daten werden wiederhergestellt, Gutscheine werden re-validiert, Preisberechnung wird aktualisiert.
💾
Entwurf gefunden
Du hast eine unfertige Buchung. Möchtest du fortfahren?
Dialog bei vorhandenem Entwurf
Hinweis: Der Entwurf wird im Browser-Speicher (localStorage) gespeichert. Bei Löschen der Browserdaten geht der Entwurf verloren.
⚙️ Weitere Einstellungen Backend
📧 BV-Link in Terminbestätigung
Fügt einen Link zum Beförderungsvertrag in die Terminbestätigung ein.
💰 Abfrage Basis-Tandempreis
Zeigt den Basis-Tandempreis im Buchungsformular an.
📧 E-Mail für alle Gäste
Fragt E-Mail-Adressen für alle Tandemgäste ab, nicht nur für den Hauptkontakt.
Geburtsdatum-Hinweis: Bei deaktivierter Abfrage des Geburtsdatums kann es bei wiederholten Buchungen ohne Nutzung des Buchungscodes vermehrt zum Anlegen doppelter Kundendatensätze kommen.
