So verbinden Sie Cal.com mit einer Turbosite-Website

Cal.com ist eine Open-Source-Alternative zu Calendly. Der kostenlose Tarif ist deutlich großzügiger: kein Branding, unbegrenzte Anzahl an Meetings, grundlegende Integrationen. Kostenpflichtige Tarife sind für Teams und erweiterte Funktionen gedacht. Die Einrichtung dauert 5–10 Minuten.

Was Sie benötigen

Ein Cal.com-Konto — Registrierung auf cal.com (kostenloser Tarif verfügbar)
Eine veröffentlichte Website auf Turbosite
5–10 Minuten Zeit

Schritt 1. Einen Meeting-Typ in Cal.com erstellen

Registrieren Sie sich auf cal.com und verbinden Sie Ihren Kalender (Google, Outlook, Apple).
Klicken Sie auf der Startseite auf «+ New» → «Event Type».
Konfigurieren Sie:
- Name, Dauer.
- Verfügbare Zeitfenster (z. B. wochentags 10:00–18:00 Uhr).
- Meeting-Ort: Zoom, Google Meet, Cal Video oder ein eigener.
- Beschreibung und Formular für Kundenfragen.
Speichern.

📷 Screenshot: Konfiguration eines Meeting-Typs in Cal.com.

Schritt 2. Den Einbettungscode abrufen

Klicken Sie auf der Seite des Meeting-Typs auf die Schaltfläche «Embed».
Wählen Sie eine Variante:
- Inline Embed — eingebetteter Kalender.
- Floating Pop-up Button — schwebende Schaltfläche.
- Pop-up via element click — Pop-up bei Klick auf ein Element.
Kopieren Sie den generierten Code.

📷 Screenshot: Embed-Fenster mit drei Varianten und dem Code.

Schritt 3. Den Code in Turbosite einfügen

Für Inline Embed:

Öffnen Sie Ihre Website in Turbosite.
Fügen Sie an der gewünschten Stelle der Seite einen «HTML-Code»-Block hinzu.
Fügen Sie den Cal.com-Code ein.
Speichern und veröffentlichen.

Für Floating Button und Pop-up:

Öffnen Sie Ihre Website in Turbosite.
Gehen Sie zu Website-Einstellungen → Integrationen → HTML-Code in <head> (dies ist der technische Teil der Seite – Besucher sehen ihn nicht, aber Skripte werden von dort beim Öffnen der Website geladen).
Fügen Sie den Cal.com-Code ein.
Speichern und veröffentlichen.

Schritt 4. Überprüfen, ob die Buchung funktioniert

Öffnen Sie die veröffentlichte Website.
Suchen Sie den Kalender oder klicken Sie auf die Schaltfläche.
Wählen Sie ein Zeitfenster und buchen Sie ein Test-Meeting.
Überprüfen Sie Ihren Kalender – das Meeting sollte dort erscheinen.
Sie sollten eine Bestätigung per E-Mail erhalten.

Häufig gestellte Fragen

Was unterscheidet Cal.com von Calendly? Cal.com ist Open-Source, der kostenlose Tarif bietet kein Branding. Calendly ist länger am Markt und bei Unternehmenskunden bekannter. Die Funktionalität ist sehr ähnlich.

Was kostet es? Der kostenlose Tarif ist für die individuelle Nutzung gedacht. Teams kostet $15/Monat/Benutzer. Organization kostet $37/Monat/Benutzer. Tarife.

Kann man Zahlungen für Meetings einrichten? Ja, über die Integration mit Stripe. Der Kunde bezahlt direkt bei der Buchung.

Kann Cal.com selbst gehostet werden? Ja, das ist der Hauptvorteil als Open-Source-Projekt. Sie können es auf Ihrem eigenen Server bereitstellen und sind unabhängig von der Cloud.

Der Kalender wird nicht angezeigt. Überprüfen Sie, ob der Code vollständig ist, die Seite veröffentlicht wurde und ob Werbeblocker aktiv sind. Prüfen Sie bei Inline-Embeds die Platzierung des HTML-Blocks.

Weiterführende Informationen

Cal.com Docs — offizielle Dokumentation
Embedding Cal.com — Einbettung
GitHub-Repository — Open-Source-Code
Tarife — Funktionsübersicht