Oplossingen

Onderneming

Sjablonen

Ontwikkelaar

Hulpbronnen

Prijzen

Aanmelden

Aan de slag

Aanmelden

Aan de slag

Oplossingen

Op teamgrootte

Voor individuen

Persoonlijke planning eenvoudig gemaakt

Voor Teams

Samenwerkingsplanning voor groepen

Voor ondernemingen

Enterprise-niveau planningsoplossingen

Voor ontwikkelaars

Krachtige functies en integraties

Met gebruiksdoel

Werven

Verkoop

Onderwijs

Ondersteuning

Gezondheidszorg

Telehealth

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Onderneming

Ontwikkelaar

Ontwikkelaarsdocumentatie

Documentatie voor het Cal.com-platform

API

Bouw je eigen integraties met onze openbare API

Starter Kit

Bouw je eigen planningsapp met onze starterkit

Hulpbronnen

API

Bouw je eigen integraties met onze openbare API

App Store

Integreer met je favoriete apps

Collectieve Evenementen

Plan evenementen met meerdere deelnemers

Ontwikkelaars

Bouw je eigen integraties met onze openbare API

Insluiten

Embed Cal.com in uw website

Buiten kantoor

Plan gemakkelijk tijd vrij

Betalingen

Accepteer betalingen voor boekingen

Terugkerende evenementen

Plan terugkerende evenementen

Blog

Blijf op de hoogte van het laatste nieuws en updates

Instant Vergaderingen

Ontmoet cliënten binnen enkele minuten

Dynamische Groep Links

Boek naadloos vergaderingen met meerdere mensen

Webhooks

Ontvang een melding wanneer er iets gebeurt

Sjablonen

Prijzen

Aanmelden

Aan de slag

Oplossingen

Op teamgrootte

Voor individuen

Persoonlijke planning eenvoudig gemaakt

Voor Teams

Samenwerkingsplanning voor groepen

Voor ondernemingen

Enterprise-niveau planningsoplossingen

Voor ontwikkelaars

Krachtige functies en integraties

Met gebruiksdoel

Werven

Verkoop

Onderwijs

Ondersteuning

Gezondheidszorg

Telehealth

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Onderneming

Ontwikkelaar

Ontwikkelaarsdocumentatie

Documentatie voor het Cal.com-platform

API

Bouw je eigen integraties met onze openbare API

Starter Kit

Bouw je eigen planningsapp met onze starterkit

Hulpbronnen

API

Bouw je eigen integraties met onze openbare API

App Store

Integreer met je favoriete apps

Collectieve Evenementen

Plan evenementen met meerdere deelnemers

Ontwikkelaars

Bouw je eigen integraties met onze openbare API

Insluiten

Embed Cal.com in uw website

Buiten kantoor

Plan gemakkelijk tijd vrij

Betalingen

Accepteer betalingen voor boekingen

Terugkerende evenementen

Plan terugkerende evenementen

Blog

Blijf op de hoogte van het laatste nieuws en updates

Instant Vergaderingen

Ontmoet cliënten binnen enkele minuten

Dynamische Groep Links

Boek naadloos vergaderingen met meerdere mensen

Webhooks

Ontvang een melding wanneer er iets gebeurt

Sjablonen

Prijzen

Bouw je pixel-perfect boekervaring

Integreer naadloos planning in uw app met aanpasbare UI-componenten aangedreven door de door de strijd getestte Cal.com-infrastructuur.

Aan de slag

// Stijl Atomen met Javascript

const uiterlijk = {

thema : Aangepast ,

variabelen : {

fontFamily : ' Comic sans ' ,

colorPrimary : ' #101010 ' ,

kleurAchtergrond : ' #ffffff ' ,

kleurTekst : ' #374151 ' ,

borderRadius : ' 6px ' ,

spacingUnit : ' 8px ' ,

}

} ;

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

Cédric van Ravesteijn

Partnerschapsvergadering

Ben je een bureau, influencer, SaaS-oprichter of bedrijf dat wil samenwerken met Cal.com? Laten we praten!

15m

30 min

45m

Cal Video

Europa/Amsterdam

Mei

2025

ZON

MAAND

DIN

WED

DONDERDAG

VRI

SAT

Cédric van Ravesteijn

Partnerschapsvergadering

Ben je een bureau, influencer, SaaS-oprichter of bedrijf dat wil samenwerken met Cal.com? Laten we praten!

15m

30 min

45m

Cal Video

Europa/Amsterdam

Mei

2025

ZON

MAAND

DIN

WED

DONDERDAG

VRI

SAT

Vertrouwd door snelgroeiende bedrijven over de hele wereld

Atomen

Aanpasbare componenten voor elke planningsworkflow

Gebruik onze ontwikkelaarsuite van atomische UI-componenten om verbinding te maken met verschillende agenda's, beschikbaarheden in te stellen, gastinformatie te verzamelen en afspraken te plannen.

Verken de documentatie

Bekijk alle atomen

Verbinden met elke agenda

Leest uw beschikbaarheid uit Google Agenda's waardoor u nooit dubbel geboekt wordt.

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

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

Beschikbaarheid

Stel herhalende schema's in voor de tijden van de dag en de week waarop mensen kunnen boeken.

import { BeschikbaarheidInstellingen } from "@calcom/atoms"

export default Beschikbaarheid = () => {
  return (
    <BeschikbaarheidInstellingen
      enableOverrides={true}
      customClassNames={{
        subtitlesClassName: "text-grijs",
        editableHeadingClassName: "font-vet",
      }}
    />
  );
)

Maak evenementtype

Maak eenvoudig individuele en team evenementtypen.

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

export default function EventType() {
  return (
    <>
      <CreateEventType
        onSuccess={(eventType) => {
          console.log("EventType succesvol aangemaakt", eventType);
        }}
        customClassNames={{
          atomsWrapper: "border p-6 rounded-md",
          buttons: { submit: "bg-groen-500", cancel: "bg-grijs-300" },
        }}
      />
    </>
  )
}

Instellingstype voor evenementen

Beheer uw evenementtypen en hun instellingen.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("EventType-instellingen succesvol bijgewerkt", eventType);
        }}
      />
    </>
  );
)

Kalenderinstellingen

Beheer uw agenda-instellingen.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("EventType-instellingen succesvol bijgewerkt", eventType);
        }}
      />
    </>
  );
)

Boekingsformulier

Volledig aanpasbare boekingsformulieren.

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

export default function Booker( props : BookerProps ) {
  return (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("boeking succesvol gecreëerd");
         }}
      />
    </>
  )
}

Aan de slag

Begin met Cal Atoms

Begin met het integreren van een volledig conforme planningsworkflow met slechts een paar regels code.

Verken de documentatie

Bekijk alle atomen

Integreren

Voor nu kunnen Cal Atoms worden gebruikt met react.js. Zodra geïnstalleerd, kun je de componenten in je client-side applicatie gebruiken.

importeren { CalProvider , Booker } van "@calcom/atoms" ;

export default function App ( ) {

retourneer (

</CalProvider>

) ;

}

Aanpassen

Elke Atom kan volledig worden geconfigureerd om bij uw merk te passen.

Primaire kleur

Tekstkleur

Achtergrond

FFFFFF

E6E7E4

Tekstkleur

242424

FFFFFF

Verzamelen

Zodra je Atom is geïntegreerd en vormgegeven, kun je beginnen met het accepteren van boekingen!

Kenmerken en voordelen

Veilig, conform en volledig aanpasbaar

Cal-atomen zijn ontworpen om het proces van het bouwen van conforme planningsworkflows te vereenvoudigen. Ze zijn flexibel, veilig en volledig compliant onder HIPAA, enz.

Verken de documentatie

Bekijk alle atomen

Volledig compliant en veilig

Cal-atomen zijn volledig compliant met standaarden zoals HIPAA, SOC2 en GDPR.

Oneindig aanpasbaar

Kies de Atomen die je nodig hebt en stem ze af op de uitstraling van je site met CSS-styling.

Eenvoudige integratie

Cal Atoms vereenvoudigt het integratieproces, waardoor ontwikkelaars naadloos krachtige planningsmogelijkheden binnen enkele uren kunnen toevoegen, niet weken.

Meerdere componenten

Of je nu gastinformatie of betalingsgegevens verzamelt, er is een Atom voor.

Betrouwbaar en schaalbaar

Cal Atoms zijn gebouwd op de solide planningsbasis van Cal.com. We hebben tot nu toe miljoenen boekingen gepland.

Vertaalondersteuning

Ondersteun meerdere talen door een vertalingenobject door te geven aan elke Cal Atoms.

Fundamentaal configureerbaar

Configureer fouten, breakpoints en laadtoestanden met een eenvoudige API.

Ontwikkelaar vriendelijk

Cal.com is gebouwd door ontwikkelaars, voor ontwikkelaars. Onze uitgebreide documentatie en ontwikkelaarsbronnen maken integratie eenvoudig.

Toepassingen

De kracht van aanpasbaarheid zonder de pijn van zelf-hosting

Cal Atoms kunnen een vrijwel onbeperkt aantal toepassingen bevatten. Hieronder staan enkele van de meest voorkomende.

Verken de documentatie

Bekijk alle atomen

Plug & play-componenten

We zullen ons richten op tijdzoneproblemen, zodat jij je kunt richten op het bouwen van de onderdelen van jouw bedrijf die waarde leveren aan je klanten.

Aan de slag