
01
Wählen Sie Ihren Veranstaltungstyp
Richten Sie Ihr Ereignis in Cal.com mit Ihren bevorzugten Einstellungen und Ihrer Verfügbarkeit ein.

02
Wählen Sie den Embed-Typ aus
Wählen Sie ein Format (inline, Popup, Schaltfläche oder E-Mail) und kopieren Sie den generierten Code.

03
Passen Sie Ihr Embed an und veröffentlichen Sie
Fügen Sie den Code zu Ihrer Website oder App hinzu. Ihr Zeitplaner wird sofort live sein!

01
Inline-Embed
Zeigen Sie den Buchungskalender direkt in Ihrem Seitenlayout an. Dies ist die beliebteste und nahtloseste Option für die Echtzeitplanung auf Ihrer Website.

02
Schwebende Popup-Schaltfläche
Verwenden Sie einen dauerhaften Button, der ein Planungsmodal auslöst. Erhöht die Konversion, ohne das Design Ihrer Webseite zu stören.

03
Pop-up über Elementklick
Verknüpfen Sie das Embed mit einem benutzerdefinierten Element wie einem Button oder einem Bild. Bestimmen Sie genau, wie und wann die Nutzer den Buchungsprozess starten.

03
E-Mail einbetten
Fügen Sie personalisierte Buchungslinks in E-Mail-Kampagnen ein, die ein vorausgefülltes Buchungsformular öffnen. Ideal für Ansprache und Follow-ups.

1
// Stil-Elemente mit Javascript
2
3
const Erscheinung = {
4
Thema : Benutzerdefiniert ,
5
Variablen : {
6
fontFamily : ' Comic sans ' ,
7
farbePrimär : ' #101010 ' ,
8
Hintergrundfarbe : ' #ffffff ' ,
9
colorText : ' #374151 ' ,
10
borderRadius : ' 6px ' ,
11
spacingUnit : ' 8px ' ,
12
}
13
} ;
14
const atoms = cal.atoms({ clientSecret, appearance });
15

01
Steigern Sie die Website-Konversionen mit eingebetteter Terminplanung
Halten Sie die Nutzer auf Ihrer Website und verringern Sie den Buchungsabbruch. Cal.com-Einbettungen bieten eine schnellere, intuitivere Möglichkeit, Besucher in Besprechungen umzuwandeln.
02
Passen Sie Ihre Marke mit anpassbaren Embed-Formaten an
Verwenden Sie Inline-Embeds, Pop-ups oder Schaltflächen, um sie mit dem Layout und dem Branding Ihrer Website abzustimmen. Passen Sie Farben und Stile an, um ein nahtloses Erlebnis zu schaffen.


03
Schnelle Einrichtung und vollständige Kontrolle
Erstellen Sie Ihren Einbettungscode, fügen Sie ihn in Ihre Seite ein und gehen Sie live. Sie verwalten den kompletten Buchungsablauf von Beginn bis zur Bestätigung, ohne die Benutzer wegzuschicken.
Dynamischer Einbettungsschnipsel-Generator
Generieren Sie Code, der auf Ihre Cal.com-Installation zugeschnitten ist, einschließlich Unterstützung für Teams, selbstgehostete Umgebungen und erweiterte Weiterleitung.
Mehrere Einbettungsformate
Wählen Sie zwischen Inline-Ansichten, Schaltflächen oder Modalen, je nachdem, wie Sie den Buchungsfluss auslösen möchten.
Verfügbare Zeitfenster hinzufügen oder begrenzen
Zeigen Sie nur bestimmte Zeitfenster in einem Embed basierend auf dem Kontext oder dem Benutzertyp an. Kontrollieren Sie die Verfügbarkeit, ohne Ihre grundlegenden Veranstaltungs Einstellungen zu ändern.
Buchungsformularfelder vorab ausfüllen
Verwenden Sie Abfrageparameter, um Name, E-Mail oder benutzerdefinierte Felder automatisch vorauszufüllen, um eine schnellere und personalisierte Buchungserfahrung zu ermöglichen.
UTM-Parameter in Einbettungen verfolgen
Embed erfasst UTM-Quellen, Medium, Kampagne und andere Werte, damit Sie Buchungen den richtigen Kanälen zuordnen können.
Mobilfreundlich sofort einsatzbereit
Jeder Embed ist responsiv und funktioniert auf allen Bildschirmgrößen. Es sind keine zusätzlichen Einstellungen für mobile Benutzer erforderlich.
Was ist Cal.com embed?
Cal.com Einbettung ermöglicht es Ihnen, ein vollständig funktionsfähiges Planungs-Widget direkt in Ihre Website oder App zu integrieren, sodass Benutzer Termine buchen können, ohne Ihre Website zu verlassen. Sie können das Widget als eingebetteten Kalender, schwebenden Pop-up-Button, Pop-up, das durch Klicken auf ein bestimmtes Element ausgelöst wird, oder als Link in Ihren E-Mails einbinden. Diese nahtlose Integration verbessert das Benutzererlebnis und erhöht die Buchungskonversionsraten, indem sie die Besucher auf Ihrer Seite hält.
Wie bette ich Cal.com auf meiner Website ein?
Das Einbetten von Cal.com auf Ihrer Website ist einfach. Zuerst erstellen Sie Ihren Ereignistyp und konfigurieren dessen Einstellungen und Verfügbarkeit im Cal.com-Dashboard. Sobald Ihr Ereignis eingerichtet ist, gehen Sie zum Embed Snippet Generator in Ihrem Dashboard, wählen Sie Ihr bevorzugtes Einbetten-Format (inline, schwebender Button, klick-aktiviertes Pop-up oder E-Mail-Einbettung) und kopieren Sie den generierten Code. Dann fügen Sie den Code direkt in Ihr HTML, CMS oder Frontend-Framework ein. Ihr Buchungs-Widget ist sofort live und einsatzbereit, vollständig synchronisiert mit Ihrem Cal.com-Konto.
Kann ich Marketingkampagnen mit eingebetteten Buchungen verfolgen?
Sie können manuell UTM-Tracking-Parameter zu den Einbettungs-URLs hinzufügen. Dies ermöglicht es Ihnen, Quelle, Medium, Kampagne und andere wichtige Parameter zu verfolgen, wenn Benutzer mit dem Buchungs-Widget interagieren. Durch das Übergeben von UTM-Parametern über den Link können Sie Buchungen bestimmten Marketingmaßnahmen, Kampagnen oder Verkehrsquellen zuordnen.
Kann ich die Benutzerinformationen im Buchungsformular vorausfüllen?
Ja, Sie können Felder im Buchungsformular mithilfe von URL-Abfrageparametern vorab ausfüllen. Das bedeutet, dass Sie Felder wie den Namen des Benutzers, die E-Mail oder beliebige benutzerdefinierte Felder, die Sie eingerichtet haben, automatisch ausfüllen können. Zum Beispiel können Sie einen personalisierten Buchungslink in einer E-Mail senden, der bereits den Namen und die E-Mail des Benutzers vorab ausgefüllt hat. Dies macht den Buchungsprozess schneller und benutzerfreundlicher, wodurch Reibungsverluste verringert und die Konversionsraten verbessert werden. Erfahren Sie mehr über das Vorabfüllen von Formularen in unserer Dokumentation.
Welche Einbettungsformate werden unterstützt?
Cal.com unterstützt vier wichtige Einbettungsformate, um verschiedenen Anforderungen gerecht zu werden:
Inline-Einbettung: Zeigen Sie den Kalender direkt in Ihrem Seitenlayout an, um eine nahtlose Benutzerinteraktion zu ermöglichen.
Schwebender Pop-up-Button: Fügen Sie eine kontinuierliche Schaltfläche hinzu, die das Buchungsfenster auslöst, ohne das Seitenlayout zu stören.
Pop-up durch Elementklick: Lösen Sie das Buchungsfenster über ein beliebiges benutzerdefiniertes Element aus, wie eine Schaltfläche oder ein Bild.
Email-Einbettung: Fügen Sie einen vorab ausgefüllten Buchungsformulart-Link in Ihre E-Mails ein, um eine einfache und personalisierte Terminplanung zu ermöglichen.
Jedes Format ist darauf ausgelegt, Flexibilität bei der Anzeige und Interaktion mit Ihrem Buchungssystem zu bieten, abhängig von Ihrem Webseitendesign und Benutzerfluss.
Kann ich steuern, welche Zeiträume in einem Embed angezeigt werden?
Ja, Sie können die Buchungs-UI vollständig anpassen, indem Sie Cal.com’s Buchungsatom verwenden. Der Buchungsatom ist eine Open-Source, modulare Komponente, die es Ihnen ermöglicht, Ihren eigenen Buchungsablauf zu erstellen und zu stylen. Sie können das Layout anpassen, Formularfelder ersetzen oder das Buchungserlebnis vollständig neu gestalten, um das Erscheinungsbild Ihrer Marke widerzuspiegeln. Durch die Verwendung individueller Buchungsatome wie DatePicker, TimeSelector und ContactForm können Sie eine feinkörnige Kontrolle über jedes Element des Buchungsprozesses haben. Dies gibt Ihnen die Flexibilität, ein maßgeschneidertes und markengerechtetes Erlebnis innerhalb Ihrer App oder Website zu schaffen. Für weitere Details besuchen Sie unsere Buchungsatom-Dokumentation.
Funktioniert die Einbettung mit selbstgehostetem Cal.com?
Ja, die Einbettungsfunktion funktioniert sowohl mit cloudbasierten als auch mit selbstgehosteten Cal.com-Installationen. Egal, ob Sie die gehostete Version von Cal.com verwenden oder sie auf Ihrer eigenen Infrastruktur bereitstellen, die Einbettungsfunktion bleibt voll funktionsfähig. Die Snippet-Generierung wird dynamisch basierend auf Ihrem Setup festgelegt, und Sie können es so konfigurieren, dass es nahtlos in Ihrer selbstgehosteten Umgebung funktioniert.
Binden Sie ein Online-Buchungs-Widget in Ihre Website ein mit Cal.com
Beginnen Sie noch heute, dieTerminplanung in Ihre Website einzubetten. Keine Plugins oder Weiterleitungen. Nur saubere, schnelle, umsatzstarke Buchungen.
















