Onderhoudsmodus

Cal.com Atoms staan in onderhoudsmodus

Bestaande integraties krijgen nog steeds fixes en nieuwe npm-versies, maar er komen geen nieuwe Atoms. Bouw je planning in je eigen product, voor je eigen gebruikers? Dat is nu coss.com Scheduling. Bouw je op je eigen Cal.com-account? Gebruik API v2.

Bekijk coss.com Scheduling

appearance.tsLive preview

1// Style Atoms with Javascript23const appearance = {4  theme: Custom,5  variables: {6    fontFamily: 'Comic sans',7    colorPrimary: '#101010',8    colorBackground: '#ffffff',9    colorText: '#374151',10    borderRadius: '6px',11    spacingUnit: '8px',12  }13};14const atoms = cal.atoms({ clientSecret, appearance });15

Cédric van Ravesteijn

Why Cal.com is better than Calendly

Ready to see why Cal.com outshines Calendly? Spoiler alert: it's not even close!

15m30m45m1h

Cal Video

Europe/Amsterdam

May 2025

SUNMONTUEWEDTHUFRISAT12345678910111213141516171819202122232425262728293031

Vertrouwd door snelgroeiende bedrijven over de hele wereld

Aanpasbare componenten voor elke planningsworkflow

Atoms zijn React-componenten voor elk onderdeel van planning: verbind agenda's, stel beschikbaarheid in, maak planningslinks en accepteer boekingen.

Bekijk coss.com Scheduling

@calcom/atoms

1import { Connect } from "@calcom/atoms";23export default function Connect() {4  return (5    <>6      <Connect.GoogleCalendar isMultiCalendar={true} />7      <Connect.OutlookCalendar isMultiCalendar={true} />8      <Connect.AppleCalendar isMultiCalendar={true} />9    </>10  )11}

Bestaande integraties

Hoe Atoms werken

Voor teams die Atoms al gebruiken: een volledig compliant planningsworkflow in een paar regels code.

Bekijk coss.com Scheduling

Integreer

Voorlopig kun je Cal Atoms gebruiken met react.js. Na installatie kun je de componenten in je client-side-applicatie gebruiken.

1import { CalProvider, Booker } from "@calcom/atoms";23export default function App() {4  return (5    <CalProvider accessToken="30AadwEContactSalesToGetAKey42069">6      <Booker username="jane-doe" eventSlug="weekly-sync" />7    </CalProvider>8  );9}

Pas aan

Elke Atom kan volledig worden geconfigureerd zodat die bij je merk past.

Primary color

Text color

Background

FFFFFF E6E7E4

Text color

242424 FFFFFF

Verzamel

Zodra je Atom is geïntegreerd en gestyled, kun je boekingen gaan accepteren!

This event is scheduled

We emailed you and the other attendees a calendar invitation with all the details.

WhatDesign WorkshopWhenFriday, 16 June 2022
9:00 am – 10:00 am (Europe/Dublin)

Veilig, compliant en volledig aanpasbaar

Cal Atoms zijn ontworpen om het bouwen van compliant planningsworkflows eenvoudiger te maken. Ze zijn flexibel, veilig en volledig compliant onder HIPAA, enz.

Bekijk coss.com Scheduling

Volledig compliant en veilig

Cal Atoms voldoen volledig aan standaarden zoals HIPAA, SOC 2 en GDPR.

Eindeloos aanpasbaar

Kies de Atoms die je nodig hebt en laat ze aansluiten op de look-and-feel van je site met styling op CSS-niveau.

Eenvoudige integratie

Cal Atoms maakt het integratieproces eenvoudiger, zodat ontwikkelaars naadloos krachtige planningsmogelijkheden kunnen toevoegen in uren, niet weken.

Meerdere componenten

Of je nu gastgegevens of betaalgegevens verzamelt, er is een Atom voor.

Betrouwbaar en schaalbaar

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

Vertaalondersteuning

Ondersteun meerdere talen door een vertalingsobject aan een Cal Atom door te geven.

Fundamenteel configureerbaar

Configureer fouten, breakpoints en laadstatussen met een eenvoudige API.

Ontwikkelaarsvriendelijk

Cal.com is gebouwd door ontwikkelaars, voor ontwikkelaars. Onze uitgebreide documentatie en ontwikkelaarsresources maken integratie een fluitje van een cent.