📅 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
🔓 WP-Login & Zahlung Frontend
Wenn ein Nutzer auf der WordPress-Seite eingeloggt ist, wird der Bezahlprozess automatisch deaktiviert. Dies ermöglicht es z. B. Mitarbeitern oder internen Nutzern, Buchungen ohne den Stripe-Zahlungsschritt durchzuführen. Die Funktion ist rein WordPress-basiert und hat auf Nicht-WordPress-Seiten keinen Effekt.
⚙️ Wie es funktioniert
WordPress setzt automatisch die CSS-Klasse
logged-in auf das 👁️ Was der Nutzer sieht
Bei aktivem WordPress-Login werden folgende Änderungen im Formular wirksam:
- Stripe-Zahlungsblock wird nicht angezeigt
- Preis-Sidebar wird nicht angezeigt
- Info-Banner auf Step 5: „Bezahlung deaktiviert – du bist als Nutzer angemeldet."
- Submit-Button zeigt „Verbindlich buchen" statt „Zahlungspflichtig buchen"
🌐 Nicht-WordPress-Seiten
Auf Seiten ohne WordPress (oder wenn der Nutzer nicht eingeloggt ist) existiert die Klasse
logged-in nicht. Die Prüfung gibt dann einfach false zurück – der Bezahlprozess bleibt unverändert aktiv. Es treten keine Fehler auf.Tandemgast
ℹ️ Bezahlung deaktiviert – du bist als Nutzer angemeldet. Es erfolgt keine automatische Bezahlung über Stripe.
Vorname
Max
Nachname
Mustermann
Verbindlich buchen
Step 5 bei eingeloggtem WordPress-Nutzer (ohne Stripe & Preisberechnung)
Rollenunabhängig: Der Override gilt für alle eingeloggten WordPress-Nutzer – unabhängig von deren Rolle (Administrator, Redakteur, Abonnent etc.).
Backend-Hinweis: Das Ninox-Backend erzeugt bei aktiver Payment-Einstellung weiterhin eine Stripe-Session. Diese wird vom Frontend nicht verwendet und verfällt nach 24 Stunden automatisch. Es entstehen keine Kosten.
💾 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.
⚙️ Einstellungen Backend
Alle Einstellungen für das Tandem-Buchungssystem werden im Ninox-Backend unter Einstellungen → Tab „Tandem-Buchungssystem" konfiguriert. Die Einstellungen gliedern sich in mehrere Bereiche, die nachfolgend vollständig beschrieben werden.
🎨 Anzeige
🎨 Basisfarbe
Legt die Hauptfarbe des Buchungsformulars im Frontend fest. Diese Farbe wird für Buttons, Akzente, Fortschrittsbalken und andere UI-Elemente verwendet. So kann das Formular an das Corporate Design der Dropzone angepasst werden.
Farbwähler im Backend
👥 Max. Platzanzahl pro Buchung
Legt fest, wie viele Tandemgäste maximal in einer einzelnen Buchung zusammengefasst werden können. Die Auswahl reicht von 1 bis 5 Gästen.
👤 1
👤 2
👤 3
👤 4
👤 5
📊 Webformular – Slotanzeige
📊 Angezeigte Informationen pro Slot
Hier wird gesteuert, welche Zusatzinformationen in den einzelnen Termin-Slots im Buchungsformular angezeigt werden. Jede Option kann einzeln aktiviert oder deaktiviert werden.
Anzahl der freien Plätze
Tandempreis
Absetzhöhe
Dropzone
| Spalte | Beschreibung |
|---|---|
| Anzahl der freien Plätze | Zeigt im Slot an, wie viele Tandemplätze noch verfügbar sind (z.B. „4 von 5 frei"). |
| Tandempreis | Zeigt den Grundpreis für den Tandemsprung direkt im Slot an. |
| Absetzhöhe | Zeigt die Absetzhöhe des Slots an (z.B. 3.000 m oder 4.000 m). |
| Dropzone | Zeigt den Standort/Dropzone-Namen im Slot an. Nützlich bei mehreren Sprungplätzen. |
🎥 Buchbare Videooptionen
🎥 Video-Pakete konfigurieren
Hier wird festgelegt, welche Video- und Foto-Pakete den Kunden im Buchungsformular zur Auswahl angeboten werden. Die Pakete selbst (Name und Preis) werden an anderer Stelle im System angelegt – in dieser Einstellung wird nur gesteuert, welche davon im Buchungsformular sichtbar sind.
ohne Video Hand-Kamera-Video – 70,00 € Hand-Kamera-Video und Fotos – 100,00 € Video durch Kameraspringer – 100,00 € Fotos durch Kameraspringer – 100,00 € Video und Fotos durch Kameraspringer – 130,00 €
Tipp: Die Option „ohne Video" sollte immer enthalten sein, damit Kunden auch ohne Video-Paket buchen können.
📝 Formularfelder
Die folgenden Schalter steuern, welche Eingabefelder im Buchungsformular angezeigt werden. Deaktivierte Felder sind für den Kunden nicht sichtbar und werden bei der Buchung nicht abgefragt.
| Einstellung | Status | Beschreibung |
|---|---|---|
| 3000m/4000m-Auswahl | Wenn aktiv, können Kunden im Formular zwischen zwei Sprunghöhen wählen (3.000 m und 4.000 m). Die gewählte Höhe beeinflusst den Preis. | |
| Gewicht | Aktiviert die Gewichtsabfrage im Formular. Nur wenn aktiv, greifen auch die unter „Körpermaße & Alter" definierten Gewichtsgrenzen und Aufschläge. | |
| Körpergröße | Aktiviert die Körpergrößen-Abfrage im Formular. Nur wenn aktiv, greifen die unter „Körpermaße & Alter" definierten Größengrenzen. | |
| Adresse | Blendet ein vollständiges Adressfeld (Straße, PLZ, Ort) im Buchungsformular ein. | |
| E-Mail-Adresse für alle Tandemgäste abfragen | Fragt die E-Mail-Adresse für jeden einzelnen Tandemgast ab, nicht nur für den Hauptbucher. | |
| Geburtsdatum | Aktiviert die Abfrage des Geburtsdatums. Wird auch für die Altersvalidierung (Mindestalter) benötigt. | |
| BV-Link in Terminbestätigung | Fügt einen Link zum Beförderungsvertrag (BV) in die E-Mail-Terminbestätigung an den Kunden ein. | |
| Abfrage Basis-Tandempreis | Zeigt den Basis-Tandempreis im Buchungsformular an. |
Geburtsdatum-Hinweis: Bei deaktivierter Abfrage des Geburtsdatums kann es bei wiederholten Buchungen ohne Nutzung des Buchungscodes vermehrt zum Anlegen doppelter Kundendatensätze kommen, da durch die Eingabe von E-Mail-Adresse und Telefonnummer oft keine eindeutige Übereinstimmung möglich ist.
🎫 Gutschein-Einstellungen
Diese Einstellungen steuern, wie Gutscheine im Buchungsformular behandelt werden.
🎫 Gutschein erforderlich
Wenn aktiv, ist die Eingabe eines gültigen Gutscheincodes Pflicht. Ohne Gutschein kann keine Buchung abgeschlossen werden.
🔍 Gutscheincodes überprüfen
Aktiviert die Live-Validierung eingegebener Gutscheincodes gegen die Datenbank. Der Kunde erhält sofortige Rückmeldung über die Gültigkeit.
💶 Wert von Gutscheinen beim Check anzeigen
Zeigt dem Kunden bei erfolgreicher Validierung den Wert des Gutscheins an (z.B. „Gutschein gültig. Wert: 100,00 €").
⭐ Automatische Bewertungsmail
⭐ Bewertungsaufforderung nach dem Sprung
Wenn aktiviert, erhalten Kunden nach ihrem Tandemsprung automatisch eine E-Mail mit der Bitte um eine Bewertung. Zeitpunkt und Ziel-Link sind konfigurierbar.
Schalter
Erinnerungsfrist
2 Tage
Bewertungslink
https://g.page/r/CfcTNsi4OHdXEBM/review
Erinnerungsfrist: Die Anzahl der Tage nach dem Sprungtermin, bevor die Bewertungsmail versendet wird. Ein Wert von „2" bedeutet: Die E-Mail wird 2 Tage nach dem Sprung versendet.
💳 Online-Zahlung
💳 Online-Zahlung konfigurieren
Aktiviert die Online-Zahlungsoption (Stripe) im Buchungsformular. Kunden können dann direkt bei der Buchung online bezahlen.
Online-Zahlung
Onlinezahlung für Terminbuchung Tandemsprünge an:
Verein
Firma
Testmodus
Verein / Firma: Bestimmt, an welches Stripe-Konto bzw. welchen Zahlungsempfänger die Online-Zahlungen geleitet werden. Die Auswahl richtet sich nach der Rechtsform eurer Organisation.
Testmodus: Im Testmodus werden keine echten Zahlungen abgewickelt. Dieser Modus dient zum Testen der Zahlungsanbindung und sollte vor dem Livebetrieb deaktiviert werden.
🔗 Weiterleitung nach Absenden
🔗 Tandembuchung – Weiterleitung nach Absenden
Definiert die URL, auf die der Kunde nach dem erfolgreichen Absenden der Buchung weitergeleitet wird (z.B. eine Bestätigungsseite oder Dankeseite auf eurer Website).
https://icarus-manifest.de/demo
🔗
⚖️ Rechtliches
Im Bereich „Rechtliches" werden die Checkbox-Texte für die Zustimmungserklärungen konfiguriert, die der Kunde vor dem Absenden der Buchung bestätigen muss. Die Texte können frei bearbeitet und mit Links zu den jeweiligen Dokumenten versehen werden.
📄 Checkbox-Text Terminbuchungen – AGB
Text für die AGB-Zustimmung. Enthält typischerweise Links zu den Allgemeinen Geschäftsbedingungen und zur Widerrufsbelehrung.
Die Allgemeinen Geschäftsbedingungen und die Widerrufsbelehrung wurden gelesen und werden akzeptiert.*
🔒 Checkbox-Text Terminbuchungen – Datenschutz
Text für die Datenschutz-Zustimmung. Enthält typischerweise einen Link zur Datenschutzerklärung und Informationen zum Widerrufsrecht.
Ich stimme der Speicherung der angegebenen Daten zur weiteren Verwendung zu und habe Kenntnis von der Datenschutzerklärung genommen – Widerruf jederzeit möglich an info@skydive-mv.de
Pflichtfeld: Beide Zustimmungen sind Pflichtfelder und müssen vom Kunden vor dem Absenden der Buchung bestätigt werden. Eine Buchung ohne Zustimmung ist nicht möglich.
📆 Fristen
Im Bereich „Fristen" werden zeitliche Regeln für Buchungen, Stornierungen und automatische Benachrichtigungen konfiguriert.
| Einstellung | Beispiel | Beschreibung |
|---|---|---|
| Stornierung erlauben bis | 3 Tage | Bis wie viele Tage vor dem Termin der Kunde seine Buchung selbst stornieren kann. Danach ist eine Stornierung nur noch durch den Dropzone-Betreiber möglich. |
| Mindestvorlauf | 1 Tag | Minimaler Vorlauf in Tagen für eine Buchung. Termine, die weniger als diese Anzahl Tage in der Zukunft liegen, können nicht gebucht werden. |
| Maximalvorlauf | leer | Maximaler Vorlauf in Tagen. Wenn gesetzt, werden nur Termine bis X Tage in der Zukunft angezeigt. Wenn leer, gibt es keine Begrenzung nach vorne und alle verfügbaren Termine werden angezeigt. |
| Löschabfrage für Buchungen nach | 24 Monaten | Zeitraum in Monaten, nach dem eine Löschabfrage für alte Buchungsdaten ausgelöst wird. |
| autom. Terminerinnerung | ✅ aktiv | Wenn aktiviert, erhalten Kunden automatisch eine Erinnerungs-E-Mail vor ihrem Sprungtermin. |
| Frist für autom. Terminerinnerung | 5 Tage | Anzahl der Tage vor dem Termin, an dem die automatische Erinnerungsmail versendet wird. |
Tipp: Ein Mindestvorlauf von 1 Tag verhindert Last-Minute-Buchungen am selben Tag. Stellt sicher, dass ihr genügend Vorlaufzeit für die Planung habt.
