Lösungen

Unternehmen

Vorlagen

Entwickler

Ressourcen

Preisgestaltung

Anmelden

Loslegen

Anmelden

Loslegen

Lösungen

Nach Teamgröße

Für Einzelpersonen

Persönliche Terminplanung einfach gemacht

Für Teams

Kollaborative Planung für Gruppen

Für Unternehmen

Enterprise-Level-Planungslösungen

Für Entwickler

Leistungsstarke Funktionen und Integrationen

Durch den Anwendungsfall

Rekrutierung

Verkauf

Bildung

Unterstützung

Gesundheitsversorgung

Telemedizin

Marketing

Probieren Sie Cal.ai jetzt aus!

Supercharged Planung mit KI-gestützten Anrufen

Unternehmen

Entwickler

Entwicklerdokumentation

Dokumentation für die Cal.com-Plattform

API

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

Starter-Kit

Bauen Sie Ihre eigene Terminplanungs-App mit unseremStarter-Kit

Starter-Kit

Bauen Sie Ihre eigene Terminplanungs-App mit unseremStarter-Kit

Ressourcen

API

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

App-Store

Integriere dich mit deinen Lieblings-Apps

Kollektive Veranstaltungen

Veranstaltungen mit mehreren Teilnehmern planen

Entwickler

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

Einbetten

Binden Sie Cal.com in Ihre Website ein

Außer Haus

Vereinbaren Sie mühelos Freizeit

Zahlungen

Zahlungen für Buchungen akzeptieren

Wiederkehrende Ereignisse

Wiederkehrende Ereignisse planen

Blog

Bleiben Sie auf dem Laufenden über die neuesten Nachrichten und Updates.

Sofortige Besprechungen

Treffen Sie sich in wenigen Minuten mit Kunden

Dynamische Gruppenlinks

Nahtlos Meetings mit mehreren Personen buchen

Webhooks

Erhalten Sie eine Benachrichtigung, wenn etwas passiert

Vorlagen

Preisgestaltung

Anmelden

Loslegen

Lösungen

Nach Teamgröße

Für Einzelpersonen

Persönliche Terminplanung einfach gemacht

Für Teams

Kollaborative Planung für Gruppen

Für Unternehmen

Enterprise-Level-Planungslösungen

Für Entwickler

Leistungsstarke Funktionen und Integrationen

Durch den Anwendungsfall

Rekrutierung

Verkauf

Bildung

Unterstützung

Gesundheitsversorgung

Telemedizin

Marketing

Probieren Sie Cal.ai jetzt aus!

Supercharged Planung mit KI-gestützten Anrufen

Unternehmen

Entwickler

Entwicklerdokumentation

Dokumentation für die Cal.com-Plattform

API

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

Starter-Kit

Bauen Sie Ihre eigene Terminplanungs-App mit unseremStarter-Kit

Starter-Kit

Bauen Sie Ihre eigene Terminplanungs-App mit unseremStarter-Kit

Ressourcen

API

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

App-Store

Integriere dich mit deinen Lieblings-Apps

Kollektive Veranstaltungen

Veranstaltungen mit mehreren Teilnehmern planen

Entwickler

Erstellen Sie Ihre eigenen Integrationen mit unserer öffentlichen API

Einbetten

Binden Sie Cal.com in Ihre Website ein

Außer Haus

Vereinbaren Sie mühelos Freizeit

Zahlungen

Zahlungen für Buchungen akzeptieren

Wiederkehrende Ereignisse

Wiederkehrende Ereignisse planen

Blog

Bleiben Sie auf dem Laufenden über die neuesten Nachrichten und Updates.

Sofortige Besprechungen

Treffen Sie sich in wenigen Minuten mit Kunden

Dynamische Gruppenlinks

Nahtlos Meetings mit mehreren Personen buchen

Webhooks

Erhalten Sie eine Benachrichtigung, wenn etwas passiert

Vorlagen

Preisgestaltung

Erstellen Sie Ihr pixelgenaues Buchungserlebnis

Integrieren Sie nahtlos die Terminplanung in Ihre App mit anpassbaren UI-Komponenten, die von der bewährten Cal.com-Infrastruktur unterstützt werden.

Loslegen

// Stil-Elemente mit Javascript

const Erscheinung = {

Thema : Benutzerdefiniert ,

Variablen : {

fontFamily : ' Comic sans ' ,

farbePrimär : ' #101010 ' ,

Hintergrundfarbe : ' #ffffff ' ,

colorText : ' #374151 ' ,

borderRadius : ' 6px ' ,

spacingUnit : ' 8px ' ,

}

} ;

const atoms = cal.atoms({ clientSecret, appearance });

Cédric van Ravesteijn

Partnerschaftsmeeting

Bist du eine Agentur, ein Influencer, ein SaaS-Gründer oder ein Unternehmen, das an einer Zusammenarbeit mit Cal.com interessiert ist? Lass uns reden!

15m

30 Min.

45 Min.

1 Std.

Kalender Video

Europa/Amsterdam

Mai

2025

SONNE

MON

DIEN

MITTWOCH

FRI

SAT

Cédric van Ravesteijn

Partnerschaftsmeeting

Bist du eine Agentur, ein Influencer, ein SaaS-Gründer oder ein Unternehmen, das an einer Zusammenarbeit mit Cal.com interessiert ist? Lass uns reden!

15m

30 Min.

45 Min.

1 Std.

Kalender Video

Europa/Amsterdam

Mai

2025

SONNE

MON

DIEN

MITTWOCH

FRI

SAT

Vertraut von schnell wachsenden Unternehmen auf der ganzen Welt

Atome

Anpassbare Komponenten für jeden Planungsworkflow

Nutzen Sie unsere Entwickler-Suite aus atomaren UI-Komponenten, um sich mit verschiedenen Kalendern zu verbinden, Verfügbarkeiten festzulegen, Gästeinformationen zu sammeln und Termine zu planen.

Die Dokumentation erkunden

Alle Atome anzeigen

Verbinden Sie sich mit jedem Kalender

Liest Ihre Verfügbarkeit aus Google Kalendern aus und stellt sicher, dass Sie niemals doppelt gebucht werden.

import { Connect } from "@calcom/atoms";

export default function Connect() {
  return (
      <>
        <Connect.GoogleCalendar isMultiCalendar={true} />
        <Connect.OutlookCalendar isMultiCalendar={true} />
        <Connect.AppleCalendar isMultiCalendar={true} />
      </>
  )
}

Verfügbarkeit

Legen Sie wiederkehrende Zeitpläne für die Zeiten des Tages und der Woche fest, zu denen die Menschen buchen können.

import { AvailabilitySettings } from "@calcom/atoms"

export default Availability = () => {
  return (
    <AvailabilitySettings
      enableOverrides={true}
      customClassNames={{
        subtitlesClassName: "text-gray",
        editableHeadingClassName: "font-bold",      
      }}
    />
  );
}

Ereignistyp erstellen

Easily erstellen Sie individuelle und Team-Eventtypen.

import { CreateEventType } from "@calcom/atoms";

export default function EventType() {
  return (
    <>
      <CreateEventType
        onSuccess={(eventType) => {
          console.log("EventType erfolgreich erstellt", eventType);
        }}
        customClassNames={{
          atomsWrapper: "Rahmen p-6 abgerundete-md",
          buttons: { submit: "bg-grün-500", cancel: "bg-grau-300" },
        }}
      />
    </>
  )
}

Ereignisart-Einstellungen

Verwalten Sie Ihre Veranstaltungstypen und deren Einstellungen.

import { EventTypeSettings } from "@calcom/atoms";  

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Ereignistyp-Einstellungen erfolgreich aktualisiert", eventType);
        }}
      />
    </>
  );
}

Kalendereinstellungen

Verwalten Sie Ihre Kalendereinstellungen.

import { EventTypeSettings } from "@calcom/atoms";  

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Ereignistyp-Einstellungen erfolgreich aktualisiert", eventType);
        }}
      />
    </>
  );
}

Buchungsformular

Völlig anpassbare Buchungsformulare.

import { Booker } from "@calcom/atoms";

export default function Booker( props : BookerProps ) {
  return (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("Buchung erfolgreich erstellt");
         }}
      />
    </>
  )
}

Loslegen

Beginnen Sie mit Cal Atoms

Beginnen Sie mit der Integration eines vollständig konformen Zeitplanungs-Workflows mit nur wenigen Codezeilen.

Die Dokumentation erkunden

Alle Atome anzeigen

Integrieren

Cal Atoms können vorerst mit react.js verwendet werden. Nach der Installation können Sie die Komponenten in Ihrer client-seitigen Anwendung nutzen.

importieren { CalProvider , Booker } von "@calcom/atoms" ;

Exportiere die Standardfunktion App ( ) {

zurück (

</CalProvider>

) ;

}

Anpassen

Jedes Atom kann vollständig konfiguriert werden, um Ihrer Marke zu entsprechen.

Primärfarbe

Textfarbe

Hintergrund

FFFFFF

E6E7E4

Textfarbe

242424

FFFFFF

Sammeln

Sobald Ihr Atom integriert und gestaltet ist, können Sie mit der Annahme von Buchungen beginnen!

Funktionen & Vorteile

Sicher, konform und vollständig anpassbar

Cal-Atoms wurden entwickelt, um den Prozess der Erstellung konformer Planungs-Workflows zu vereinfachen. Sie sind flexibel, sicher und vollständig konform mit HIPAA usw.

Die Dokumentation erkunden

Alle Atome anzeigen

Vollständig konform und sicher

Cal-Atome entsprechen vollständig den Standards wie HIPAA, SOC2 und GDPR.

Unendlich anpassbar

Wählen Sie die benötigten Atome aus und passen Sie sie mit CSS-Styling an das Erscheinungsbild Ihrer Website an.

Einfache Integration

Cal Atoms vereinfacht den Integrationsprozess und ermöglicht es Entwicklern, leistungsstarke Planungsfunktionen innerhalb von Stunden und nicht von Wochen nahtlos hinzuzufügen.

Mehrere Komponenten

Egal, ob Sie Gästeinformationen oder Zahlungsdetails aufnehmen, es gibt ein Atom dafür.

Zuverlässig und skalierbar

Cal Atoms basieren auf der soliden Planungsgrundlage von Cal.com. Bis heute haben wir Millionen von Buchungen geplant.

Übersetzungsunterstützung

Unterstützen Sie mehrere Sprachen, indem Sie ein Übersetzungsobjekt an beliebige Cal Atoms übergeben.

Grundlegend konfigurierbar

Fehler, Haltepunkte und Ladezustände mithilfe einer einfachen API konfigurieren.

Entwicklerfreundlich

Cal.com wurde von Entwicklern für Entwickler erstellt. Unsere umfassenden Dokumentationen und Entwicklerressourcen machen die Integration zum Kinderspiel.

Anwendungsfälle

Die Macht der Anpassungsfähigkeit ohne die Schwierigkeiten des Selbsthostings

Cal Atoms können eine nahezu unbegrenzte Anzahl von Anwendungsfällen aufnehmen. Im Folgenden sind nur einige der häufigsten aufgeführt.

Die Dokumentation erkunden

Alle Atome anzeigen

Plug & Play-Komponenten

Wir konzentrieren uns auf Zeitzonenprobleme, damit Sie sich auf den Aufbau der Teile Ihres Unternehmens konzentrieren können, die Ihren Kunden Mehrwert bieten.

Loslegen