Buchungskalender in Website einbinden

Du musst deine Termine nicht doppelt pflegen – binde den kursifant-Buchungskalender direkt in deine Website ein. Besucher sehen dein Kursangebot und buchen direkt, ohne Umweg.

Neu Kursplan im Design deiner Website: Ich baue dir einen Kursplan in deinen Farben, der live aus kursifant kommt. Einmalig 29 € netto. Beispiele ansehen ↓

Wo finde ich die Einbindungsoptionen?

Logge dich ein und gehe auf Verwaltung → Einladen. Dort findest du alles, was du brauchst:

Einladen-Bereich in kursifant: Registrierlink, Kurse-Link und Embed-Codes

Option 1: Links einbinden

Du hast zwei Links zur Auswahl:

  • Registrierungslink: Führt zum Registrierungsformular. Teilnehmer legen erst einen Account an, dann sehen sie deine Termine.
  • Kurse-Link: Zeigt dein Kursangebot sofort – auch ohne Account. Der Account wird erst beim Buchen angelegt.

Kopiere den Link und füge ihn als Button oder Textlink in deine Website ein.

Registrierungslink und Kurse-Link zum Kopieren in kursifant Registrierungsformular für Teilnehmer nach Klick auf den Link

Wenn jemand auf den Kurse-Link klickt, sieht er dein Kursangebot – entweder als Kalenderansicht oder als Kurs-Übersicht. Angemeldete Personen können direkt buchen, unangemeldete legen beim Klick auf „Buchen" erst ihren Account an.

Kalenderansicht nach Klick auf den Kurse-Link

Option 2: Kalender als iFrame einbetten

Statt nur einen Link zu setzen, kannst du den Kalender direkt in deine Website einbetten. Besucher sehen dein Kursangebot sofort, ohne die Seite zu verlassen.

Du bekommst zwei Code-Schnipsel:

  • Kompakte Ansicht: Gut für Mobilgeräte und Sidebars – schmaler, ohne Kalender.
  • Vollständige Ansicht: Zeigt den kompletten Kalender mit Tages-/Wochen-/Monatsansicht.

Kopiere den Code und füge ihn dort in deine Website ein, wo der Kursplan erscheinen soll. Funktioniert mit WordPress, Wix, Jimdo, Squarespace und allen Baukästen die HTML-Code erlauben.

💡 Kurzanleitung

  • Einloggen → Verwaltung → Einladen
  • Links: Registrierungslink oder Kurse-Link kopieren und als Button einbauen
  • iFrame: Code-Schnipsel kopieren und in deine HTML-Seite einfügen

Option 3: Kursplan im Design deiner Website Neu

Dein Kursplan sieht aus, als gehöre er schon immer zu deiner Website: in deinen Farben, mit deiner Schrift und deinem Logo, gern auch mit deinen Kursfotos. Die Termine kommen trotzdem live aus kursifant. Wer auf deine Seite kommt, sieht sofort, wo noch etwas frei ist, und ist mit einem Klick in der Buchung.

Das iFrame aus Option 2 zeigt deinen Kalender im Look von kursifant. Soll er nach deinem Studio aussehen, baue ich ihn dir passend zu deiner Website, für einmalig 29 € netto.

Vier Entwürfe, die ich für Studios gebaut habe

Kursplan im Design der Website vom Yogastudio Pilaya: Wochenplan in Salbeigrün mit Logo, abgesagte Stunden durchgestrichen und freie Plätze je Stunde

Wochenplan

Pilaya · Yogastudio in Nieder-Wöllstadt

Die ganze Woche in den Farben des Studios, mit Logo. Abgesagte Stunden sind durchgestrichen, Kurse mit eigener Anmeldung gestrichelt.

Kursplan im Design der Website von The Box Gym: dunkle Kacheln mit Kursfotos, Uhrzeit und freien Plätzen für jeden Boxkurs

Kacheln mit Kursfotos

The Box Gym · Boxgym

Jede Stunde als Kachel mit Foto. Der Ring zeigt auf einen Blick, wie voll es schon ist.

Kursplan im Design der Website von Rehab Five: Countdown bis zum nächsten Kursstart, alle Termine des Blockkurses und Hinweise wie „Nur noch 2 Plätze“

Countdown zum Kursstart

Rehab Five · Präventionskurse in Münster

Die Tage bis zum nächsten Blockkurs und alle seine Termine. Darunter die folgenden Kurse mit „Nur noch 2 Plätze“ oder „Ausgebucht“.

Kursplan im Design der Website von Body & ART in Nürnberg: die Kurse von heute und morgen mit Buchen-Button, eingebaut auf der Startseite

Die nächsten Kurse auf der Startseite

Body & ART · Gesundheitszentrum für Frauen in Nürnberg

Die Kurse von heute und morgen, eingebaut auf der Startseite. Jeder Termin hat seinen eigenen Buchen-Button.

Was du bekommst

  • Immer aktuell: Termine, freie Plätze, Absagen und Warteliste kommen live aus kursifant. Du pflegst alles an einer Stelle.
  • In deinem Design: Farben, Schrift und Logo übernehme ich von deiner Website, auf Wunsch mit deinen Kursfotos.
  • Direkt zur Buchung: Ein Klick auf „Buchen“ führt in die Buchung bei kursifant.
  • Auch auf dem Handy: Der Plan passt sich an. Aus dem Wochenplan wird zum Beispiel eine Tagesansicht zum Durchtippen.

So läuft's ab

  1. Du schickst mir unten das Formular mit der Adresse deiner Website.
  2. Ich baue dir mehrere Entwürfe in deinem Design, schon mit deinen echten Kursen. Du klickst dich durch und suchst dir einen aus.
  3. Du bekommst den Code und eine Anleitung für dein Website-System. Du fügst ihn dort ein, wo der Kursplan stehen soll, genau wie beim iFrame. Kommst du damit nicht weiter, baue ich ihn dir ein.

Das klappt mit WordPress (auch mit Divi, Elementor oder Gutenberg), Webador, IONOS, TYPO3, Wix und selbst programmierten Seiten. Deine Website läuft mit etwas anderem, etwa Jimdo oder Squarespace? Dann schreib es ins Formular, ich schau es mir vorher an.

Kursplan anfragen

29 € netto, einmalig

Für die Entwürfe, den fertigen Code, die Anleitung für dein Website-System und, wenn nötig, den Einbau. Ich schau mir deine Website an und melde mich per E-Mail bei dir.

Daran sehe ich, welche Farben und Schriften dein Kursplan bekommt.

So, wie es in kursifant heißt.

* Pflichtfelder. Was mit deinen Angaben passiert, steht in der Datenschutzerklärung.

Du hast noch gar keine Website?

Kein Problem! Mit mehrvonmir.de erstellen wir dir eine fertige Einzelseite – mit integriertem Kursplan, eigener Domain und anwaltlich geprüftem Impressum.

  • Kursplan ist sofort integriert – kein iFrame-Gefummel nötig
  • Eigene Domain – z.B. dein-studio.de
  • Alles fertig eingerichtet – Impressum, Datenschutz, Google-optimiert
  • Ab 26 €/Monat – wir machen alles für dich

mehrvonmir.de – deine Mini-Website in 48 Stunden

Über 50 Kursanbieter nutzen mehrvonmir.de bereits. Du bekommst eine professionelle Einzelseite die auf dein Studio zugeschnitten ist – mit Fotos, Texten, Kursplan und Kontaktformular. Du musst dich um nichts kümmern.

mehrvonmir.de ansehen →

Nächste Schritte

Brauchst du Hilfe beim Einbinden?

Schreib Kimberly per WhatsApp – ich helfe dir gern oder leite dich an deinen Webdesigner weiter.