Dialog-Muster

… ` gelegt, denn sobald ein Inhalt Blöcke trägt, nimmt WordPress wpautop selbst heraus. Zusätzlich ohne Zeilenumbrüche, damit gar nichts erst entsteht. Der Weg steht in `qa/tools/muster_hochladen.py`. ========================================================================= –>

Buchungsdialog · alle Zustände

Markup 1:1 aus calendar.js. Gestaltet wird über dialog.css (wpcodebox). Reihenfolge = Reihenfolge im echten Ablauf.

1 · Anonym — der Einstieg

Preis: 20 €

Bitte melde dich einmalig mit deiner E-Mail-Adresse an. Danach können wir dir deinen Preis anzeigen (auch Gutscheine, Rabattoptionen und Karten).

2 · Link gesendet — Warten

Wir haben dir deinen Bestätigungslink an anna@example.com geschickt.

3 · Neukunde — der Name ist Pflicht

Herzlich willkommen — du bist zum ersten Mal bei uns!

Verrate uns noch kurz deinen Namen, dann ist deine Anmeldung abgeschlossen:

3b · … derselbe Schritt mit fehlender Pflichtangabe

Herzlich willkommen — du bist zum ersten Mal bei uns!

Ohne deinen Vor- und Nachnamen können wir dich nicht anmelden — trag ihn kurz ein, dann geht es direkt weiter.

Verrate uns noch kurz deinen Namen, dann ist deine Anmeldung abgeschlossen:

4 · Bestätigt — die Preisoptionen (der Hauptzustand)

Schön, dass du wieder da bist, Anna!

Acro Yoga II — deine Optionen:

Wenn du deinen Gutschein nutzt, bleibt dir der Gutschein mit Restwert von 5,00 € für die nächsten Buchungen erhalten.

In deiner Mitgliedschaft ist 1 Besuch pro Woche enthalten.

So funktioniert der Bring-a-Friend-Rabatt:
Du zahlst jetzt den vollen Preis — und bekommst mit deiner Buchung einen persönlichen Einladungs-Link für deine Begleitung. Sobald sie bucht und zahlt, erstatten wir dir automatisch 10,00 € zurück. Der Link ist bis zu 7 Tage gültig.
Du hast einen Gutschein-Code?

Angemeldet als Anna —

5 · Bestätigen — Rechts-Block, Knopf gesperrt

Bitte kurz prüfen: Passt es so?

Acro Yoga II · Mittwoch, 26.08.2026 · 18:00 – 19:30

Zu zahlen: 20 €

Kostenfrei stornierbar bis Dienstag, 25.08., 18:00 Uhr — danach 50 % Erstattung bis Mittwoch, 26.08., 12:00 Uhr. Ein gesetzliches Widerrufsrecht besteht bei Buchungen mit festem Termin nicht (§ 312g Abs. 2 Nr. 9 BGB).

Wie wir mit deinen Daten umgehen, steht in der Datenschutzerklärung.

6 · Zahlung — der Stripe-Montagepunkt

Nur noch bezahlen, dann ist dein Platz sicher.

(hier hängt Stripe sein Bezahlfeld ein — eigener iframe, eigenes Aussehen)

7 · Fertig

Alles klar, Anna — deine Buchung ist bestätigt. Die Bestätigung liegt gleich in deinem Postfach.

Schick jetzt den Einladungs-Link an deine/n Freund/in! Wir haben ihn dir gerade per E-Mail geschickt.

Du kannst deine Karte noch 6-mal verwenden.

7b · Fertig mit aufgebrauchter Karte

Alles klar, Anna — deine Buchung ist bestätigt.

Deine Karte ist jetzt aufgebraucht. Willst du gleich eine neue kaufen? Neue Karte kaufen

8 · Hinweise und Störungen

Die Zahlung ist nicht durchgegangen. Es wurde nichts abgebucht — du kannst es gleich noch einmal versuchen.

Ein Gutschein von dir ist abgelaufen.

Wir haben deine E-Mail-Adresse zugeordnet.

Wir können deine Preise gerade nicht laden. Bitte versuch es in ein paar Minuten noch einmal.

9 · Wer bucht? — geteilte Adresse

Diese E-Mail nutzen mehrere Personen bei uns — beim Buchen fragen wir, wer du bist.

Bei uns hinterlegt sind Juliane und Ivo.

Sag uns kurz, wer bucht: