Lösungen

Unternehmen

Cal.ai

Preisgestaltung

Lösungen

Unternehmen

Cal.ai

Preisgestaltung

Betten Sie ein Terminplanungs-Widget auf Ihrer Website mit Cal.com ein

Betten Sie ein Terminplanungs-Widget auf Ihrer Website mit Cal.com ein

Fügen Sie nahtlose Terminplanung mit dem Cal.com Einbettungs-Widget zu Ihrer Website hinzu. Cal.com unterstützt derzeit vier flexible Einbettungsoptionen: Einbettung inline, schwebender Popup-Button, Popup über Elementklick und E-Mail-Einbettung.

Fügen Sie nahtlose Terminplanung mit dem Cal.com Einbettungs-Widget zu Ihrer Website hinzu. Cal.com unterstützt derzeit vier flexible Einbettungsoptionen: Einbettung inline, schwebender Popup-Button, Popup über Elementklick und E-Mail-Einbettung.

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Wie man das Cal.com Buchungs-Widget auf seiner Website einbettet

Wie man das Cal.com Buchungs-Widget auf seiner Website einbettet

Das Cal.com Einbettungs-Widget ist einfach einzurichten und äußerst flexibel. Es ermöglicht Ihnen, das vollständige Planungserlebnis in Ihre Website, Zielseite, App oder Ihr Portal einzubetten. Nutzer können direkt buchen, ohne Ihre Seite jemals zu verlassen.

Das Cal.com Einbettungs-Widget ist einfach einzurichten und äußerst flexibel. Es ermöglicht Ihnen, das vollständige Planungserlebnis in Ihre Website, Zielseite, App oder Ihr Portal einzubetten. Nutzer können direkt buchen, ohne Ihre Seite jemals zu verlassen.

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!

Alle verfügbaren Einbettungslösungen, um Meetings einfach zu planen.

Alle verfügbaren Einbettungslösungen, um Meetings einfach zu planen.

Cal.com bietet vier leistungsstarke Möglichkeiten, die Terminplanung in Ihr Benutzererlebnis einzubetten. Jedes Format ist für spezifische Anwendungsfälle, Layoutanforderungen und Buchungsabläufe konzipiert.

Cal.com bietet vier leistungsstarke Möglichkeiten, die Terminplanung in Ihr Benutzererlebnis einzubetten. Jedes Format ist für spezifische Anwendungsfälle, Layoutanforderungen und Buchungsabläufe konzipiert.

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.

Weißes Etikett für das Terminwidget verwenden, indem Sie unseren Booker-Atom nutzen

Weißes Etikett für das Terminwidget verwenden, indem Sie unseren Booker-Atom nutzen

Für Teams, die die vollständige Kontrolle über das Buchungserlebnis benötigen, bietet Cal.com eine vollständige Anpassung der Buchungskomponente mithilfe von Plattformatomen an. Entwickler können einzelne Teile der Buchungsoberfläche ändern oder den gesamten Buchungsfluss mit modularen, offenen Komponenten neu gestalten.

Für Teams, die die vollständige Kontrolle über das Buchungserlebnis benötigen, bietet Cal.com eine vollständige Anpassung der Buchungskomponente mithilfe von Plattformatomen an. Entwickler können einzelne Teile der Buchungsoberfläche ändern oder den gesamten Buchungsfluss mit modularen, offenen Komponenten neu gestalten.

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

Cédric van Ravesteijn

Warum Cal.com besser ist als Calendly

Bereit zu sehen, warum Cal.com Calendly übertrifft? Spoiler-Alarm: Es ist nicht einmal annähernd!

15m

30 Min.

45 Min.

1 Std.

Kalender Video

Europa/Amsterdam

Mai

2025

SONNE

MON

DIEN

MITTWOCH

DO

FRI

SAT

0

15

15

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

0

Cédric van Ravesteijn

Warum Cal.com besser ist als Calendly

Bereit zu sehen, warum Cal.com Calendly übertrifft? Spoiler-Alarm: Es ist nicht einmal annähernd!

15m

30 Min.

45 Min.

1 Std.

Kalender Video

Europa/Amsterdam

Mai

2025

SONNE

MON

DIEN

MITTWOCH

DO

FRI

SAT

0

15

15

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

0

Wichtige Vorteile beim Einbetten eines Planungs-Widgets mit Cal.com

Wichtige Vorteile beim Einbetten eines Planungs-Widgets mit Cal.com

Das Einbetten von Cal.com direkt in Ihre Website verbessert die Benutzererfahrung, erhöht die Konversionsraten und gibt Ihnen mehr Kontrolle über den Buchungsprozess.

Das Einbetten von Cal.com direkt in Ihre Website verbessert die Benutzererfahrung, erhöht die Konversionsraten und gibt Ihnen mehr Kontrolle über den Buchungsprozess.

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.

Leistungsstarke Embed-Funktionen zur Terminplanung für Entwickler und Teams

Leistungsstarke Embed-Funktionen zur Terminplanung für Entwickler und Teams

Das Einbettungssystem umfasst fortschrittliche Funktionen für technische Benutzer und Teams, die vollständige Anpassungs- und Integrationsmöglichkeiten benötigen.

Das Einbettungssystem umfasst fortschrittliche Funktionen für technische Benutzer und Teams, die vollständige Anpassungs- und Integrationsmöglichkeiten benötigen.

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.

Sehen Sie, wie Sie ein Buchungs-Widget auf Ihrer Website einbetten können.

Sehen Sie, wie Sie ein Buchungs-Widget auf Ihrer Website einbetten können.

Sehen Sie, wie schnell es ist, Cal.com in jede Website einzubetten. Dieses kurze Video zeigt die Einrichtung, Konfiguration und echte Beispiele.

Sehen Sie, wie schnell es ist, Cal.com in jede Website einzubetten. Dieses kurze Video zeigt die Einrichtung, Konfiguration und echte Beispiele.

Sehen Sie, wie schnell es ist, Cal.com in jede Website einzubetten. Dieses kurze Video zeigt die Einrichtung, Konfiguration und echte Beispiele.

Alle Ihre wichtigsten Werkzeuge synchron mit Ihren Besprechungen

Cal.com funktioniert mit allen Apps, die bereits in Ihrem Workflow sind, und sorgt dafür, dass alles perfekt zusammenarbeitet.

Alle Ihre wichtigsten Werkzeuge synchron mit Ihren Besprechungen

Cal.com funktioniert mit allen Apps, die bereits in Ihrem Workflow sind, und sorgt dafür, dass alles perfekt zusammenarbeitet.

Alle Ihre wichtigsten Werkzeuge synchron mit Ihren Besprechungen

Cal.com funktioniert mit allen Apps, die bereits in Ihrem Workflow sind, und sorgt dafür, dass alles perfekt zusammenarbeitet.

Häufig gestellte Fragen über Cal.com Einbettung

Häufig gestellte Fragen über Cal.com Einbettung

Dies sind einige unserer am häufigsten gestellten Fragen.

Dies sind einige unserer am häufigsten gestellten Fragen.

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:

  1. Inline-Einbettung: Zeigen Sie den Kalender direkt in Ihrem Seitenlayout an, um eine nahtlose Benutzerinteraktion zu ermöglichen.

  2. Schwebender Pop-up-Button: Fügen Sie eine kontinuierliche Schaltfläche hinzu, die das Buchungsfenster auslöst, ohne das Seitenlayout zu stören.

  3. Pop-up durch Elementklick: Lösen Sie das Buchungsfenster über ein beliebiges benutzerdefiniertes Element aus, wie eine Schaltfläche oder ein Bild.

  4. 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.

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:

  1. Inline-Einbettung: Zeigen Sie den Kalender direkt in Ihrem Seitenlayout an, um eine nahtlose Benutzerinteraktion zu ermöglichen.

  2. Schwebender Pop-up-Button: Fügen Sie eine kontinuierliche Schaltfläche hinzu, die das Buchungsfenster auslöst, ohne das Seitenlayout zu stören.

  3. Pop-up durch Elementklick: Lösen Sie das Buchungsfenster über ein beliebiges benutzerdefiniertes Element aus, wie eine Schaltfläche oder ein Bild.

  4. 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.

Glauben Sie nicht nur unserem Wort dafür

Unsere Nutzer sind unsere besten Botschafter. Entdecken Sie, warum wir die erste Wahl für die Terminplanung sind.

Glauben Sie nicht nur unserem Wort dafür

Unsere Nutzer sind unsere besten Botschafter. Entdecken Sie, warum wir die erste Wahl für die Terminplanung sind.

Glauben Sie nicht nur unserem Wort dafür

Unsere Nutzer sind unsere besten Botschafter. Entdecken Sie, warum wir die erste Wahl für die Terminplanung sind.

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

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.