Yoga-Buchung auf WordPress, Squarespace oder Wix einbinden – in 30 Minuten

Du musst deine Website nicht neu bauen, um deine Yogakurse online buchbar zu machen.

Wenn du solo unterrichtest oder ein Micro‑Studio mit 1–3 Lehrenden führst, ist das Ziel meistens simpel:

• deine Klassen sollen direkt über deine Website buchbar sein
• du willst weniger WhatsApp/DM‑Koordination
• du willst keine doppelte Pflege (Stundenplan einmal ändern, überall aktuell)
• es soll auf dem Handy sauber funktionieren

Dieser Artikel ist ein Tutorial‑Vergleich: Erst die wichtigste Entscheidung (Link vs. Widget), dann die schnellsten Setup‑Pfade für WordPress, Squarespace und Wix.

Hinweis: Plattformen ändern UI und Editor-Funktionen. Nimm das hier als praxiserprobte Orientierung – nicht als „für immer gültige“ Klickanleitung.

Kurzfassung (wenn du nur 60 Sekunden hast)

1. Wenn du es heute noch live haben willst: Starte mit einem Buchungslink (Button auf der Website).

2. Wenn du maximale Conversion willst: Nutze ein eingebettetes Widget (Stundenplan/Booking direkt auf der Seite) – aber teste Mobile + DSGVO/Consent.

3. WordPress ist meist am dankbarsten für Drittanbieter‑Widgets.

4. Squarespace und Wix können Embeds – aber der „safer default“ ist oft: Button → Buchungsseite + optional Widget später.

Schritt 1: Buchungslink oder eingebettetes Widget?

Beides ist ok. Der Unterschied ist nicht „richtig vs. falsch“, sondern Risiko vs. Wirkung.

Pro‑Tipp: Du musst dich nicht „für immer“ entscheiden.

• Starte mit Link (sofort live)
• upgrade später auf Widget (wenn du 1–2 Stunden Zeit fürs saubere Feintuning hast)

Was du vorbereiten solltest (damit’s wirklich in 30 Minuten klappt)

Bevor du irgendwo Code einfügst, sammle diese Dinge:

• Stundenplan: Wochentage, Uhrzeiten, Dauer
• Kapazität: wie viele Matten/Plätze pro Klasse?
• Preise & Produkte: Drop‑in, 10er‑Karte, Abo (so simpel wie möglich starten)
• Storno‑Regeln: Stornofrist + No‑Show (kurz, klar, konsequent)
• Branding: Farben/Logo (optional, aber hilft)
• Dein Ziel auf der Website: Wo soll gebucht werden?
  • Startseite (hero‑CTA)
  • „Stundenplan“-Seite
  • einzelne Kursseiten

Der 30‑Minuten‑Plan (realistisch)

Minute 0–5: Entscheide Link vs. Widget (Tabelle oben)

Minute 5–10: Erstelle/prüfe deine Buchungsseite im Tool (Stundenplan + Kapazität + Storno)

Minute 10–25: Baue den Link oder das Widget in deine Website ein (siehe Plattform)

Minute 25–30: Teste 1 Buchung am Handy + checke, ob du eine DSGVO/Consent‑Hürde hast

WordPress: der schnellste Weg (meistens)

WordPress ist in dieser Aufgabe oft am angenehmsten, weil „Drittanbieter einbinden“ hier normal ist.

Option A — Buchungslink (schnellster Safe‑Default)

1. Erstelle auf deiner Website einen klaren Einstieg:

   • Menüpunkt „Stundenplan & Buchung“ oder
   • ein Button auf der Startseite: „Jetzt Klasse buchen“

2. Verlinke auf deine Buchungsseite (vom Buchungstool bereitgestellt).

3. Teste:

   • Handy
   • Safari/Chrome
   • Inkognito (damit du siehst, was neue Besucher:innen sehen)

Option B — Widget/Embed (Stundenplan direkt auf der Seite)

1. Lege eine „Stundenplan“-Seite an.

2. Füge im Editor einen HTML/Embed‑Block ein.

3. Kopiere den Embed‑Code aus deinem Buchungstool und füge ihn ein.

4. Achte auf die zwei Klassiker:

   • Breite: wirkt das Widget „eingeklemmt“? (Container/Spalten/Theme)
   • Höhe/Mobile: keine abgeschnittenen Inhalte, kein Mini‑Scroll‑Kästchen

5. Baue einen Fallback‑Link direkt unter das Widget:

„Wenn das Widget auf deinem Gerät nicht optimal lädt: Hier direkt buchen →“

So verlierst du keine Buchungen, selbst wenn ein Embed mal zickt.

Squarespace: gut möglich – aber halte es simpel

Squarespace kann Embeds, aber: bei code‑basierten Anpassungen ist die Support‑Grenze schneller erreicht als bei WordPress.

Option A — Buchungslink (empfohlen für den ersten Wurf)

1. Füge in die Navigation oder prominent auf der Startseite einen Button ein: „Stundenplan ansehen & buchen“

2. Linke auf die Buchungsseite deines Tools.

3. Bonus: Lege eine kurze Zwischen‑Sektion an („So läuft’s ab“) mit:

   • Dauer
   • Location / Online
   • Storno‑Regel in 1 Satz

Option B — Widget/Embed (wenn du den On‑Page‑Flow willst)

1. Erstelle eine Seite/Section „Stundenplan“.

2. Füge einen Code‑Block / Embed‑Block ein.

3. Paste den Embed‑Code (häufig iframe‑basiert).

4. Teste Mobile besonders sorgfältig:

   • wirkt das Widget responsive?
   • entstehen Scrollbars im Widget?
   • wird Text abgeschnitten?

5. Lass den Fallback‑Link immer drin.

Fit‑Hinweis: Wenn du in Squarespace ohnehin nur 1:1‑Termine oder sehr simple Klassen brauchst, ist die native Scheduling‑Welt oft „good enough“. Wenn dein Hauptprodukt aber wiederkehrende Klassen mit Kapazität, Warteliste und Stornos sind, lohnt sich meist ein Tool, das genau dafür gebaut ist.

Wix: machbar – Mobile ist der Prüfstein

Wix hat starke „Built‑in“-Antworten auf Buchung. Drittanbieter‑Embeds funktionieren, aber Mobile‑Darstellung und Editor‑Unterschiede können Zeit fressen.

Option A — Buchungslink (sicherster Weg)

1. Füge einen Button oder Menüpunkt ein: „Jetzt buchen“ / „Stundenplan“

2. Linke auf die Buchungsseite deines Buchungstools.

3. Teste am Handy.

Option B — Widget/Embed (wenn du’s wirklich on‑site willst)

1. Füge im Wix‑Editor ein Embed/HTML‑Element hinzu.

2. Paste den Embed‑Code.

3. Stelle Höhe/Breite so ein, dass der Stundenplan nicht abgeschnitten wird.

4. Öffne die Mobile‑Ansicht und prüfe:

   • ist alles lesbar?
   • muss man im Widget scrollen?
   • verdeckt irgendwas den „Buchen“-CTA?

5. Lass wieder den Fallback‑Link drin.

Wichtig: Wenn du bei Wix nach 15 Minuten merkst, dass das Widget dich in CSS/Responsiveness‑Themen zieht: geh zurück auf Link‑First. Das ist nicht „schlechter“ – es ist schneller, stabiler und bringt dich live.

DSGVO/Consent: der pragmatische Mini‑Check (ohne Panik)

Ein Embed ist technisch oft ein Drittanbieter‑Element. Das kann bedeuten: der Browser baut schon beim Laden der Seite Verbindungen zu externen Servern auf (mindestens IP/Referrer).

Was du pragmatisch tun kannst:

• Prüfe, ob dein Embed ohne Consent laden darf oder ob dein Consent‑Tool ein „Click‑to‑load“ / Blockieren bis Zustimmung braucht.
• Dokumentiere das Embed (Datenschutzerklärung / Dienste‑Liste).
• Wenn du unsicher bist: starte mit Buchungslink. Das reduziert die „Third‑party‑im‑Page“‑Komplexität.

Das ist keine Rechtsberatung. Es ist ein praktischer Hinweis, damit du nicht erst nach dem Launch überrascht wirst.

Launch‑Checkliste (5 Minuten, spart dir später Ärger)

• 1 Testbuchung von Handy durchklicken (bis zur Bestätigung)
• stimmt die Zeitzone?
• passen Kapazität und „ausgebucht“-Verhalten?
• sind Stornoregeln sichtbar (mindestens 1 Satz)?
• ist der CTA klar und immer sichtbar (nicht erst am Seitenende)?
• wenn Widget: lädt es sauber in Mobile?
• wenn Consent‑Banner: blockiert/zerstört es den Embed?

Häufige Fehler (die du dir sparen kannst)

• Doppelte Pflege: Stundenplan auf der Website als Text + im Tool nochmal → führt zu Widersprüchen.
• Widget ohne Fallback: wenn es auf einem Gerät zickt, verlierst du Buchungen.
• Kein klarer Einstieg: Besucher:innen müssen scrollen oder suchen, wo sie buchen.
• Mobile ignoriert: am Desktop ok, am Handy abgeschnitten → klassische Conversion‑Bremse.
• Zu viel auf einmal: erst Live‑Buchung, dann Farben/Feintuning. Nicht umgekehrt.

Der nächste sinnvolle Schritt (wenn du wiederkehrende Klassen hast)

Wenn dein Hauptgeschäft wiederkehrende Gruppenklassen sind (mit Kapazität, Warteliste, Stornos) und du eine saubere Website‑Buchung willst, ohne jeden Montag wieder Admin zu spielen:

Karl Konnekt ist genau für diese Lane gebaut: wiederkehrende Klassen, weniger Koordination, Buchungslinks/Widgets und Kalender‑Sync.

→ Kostenlos ansehen: https://karlkonnekt.app

Wenn du danach direkt weiter machen willst:

• Website‑Widgets/Embeds (Guide): https://karlkonnekt.com/blog/simple-widget-setup-instructions-for-kangaroo-kaptns/
• Kalender‑Sync (Guide): https://karlkonnekt.com/blog/calendar-sync-setup-guide/
• WhatsApp → Buchungssystem Umstieg: https://karlkonnekt.com/blog/migrate-whatsapp-to-karl-konnekt/