Cal.com Atoms è in modalità manutenzione
Le integrazioni esistenti continuano a ricevere correzioni e nuove versioni npm, ma non ci saranno nuovi Atoms. Vuoi integrare la pianificazione nel tuo prodotto, per i tuoi utenti? Ora c'è coss.com Scheduling. Vuoi sviluppare sul tuo account Cal.com? Usa API v2.
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
Scelto da aziende in rapida crescita in tutto il mondo
Componenti personalizzabili per qualsiasi flusso di pianificazione
Gli Atoms sono componenti React per ogni parte della pianificazione: collegare calendari, impostare la disponibilità, creare link di pianificazione e accettare prenotazioni.
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}
Come funzionano gli Atoms
Per i team che usano già Atoms: un flusso di pianificazione pienamente conforme in poche righe di codice.
Integra
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}
Personalizza
Primary color
Text color
Background
Text color
Raccogli
This event is scheduled
We emailed you and the other attendees a calendar invitation with all the details.
9:00 am – 10:00 am (Europe/Dublin)
Sicuro, conforme e completamente personalizzabile
Cal Atoms è stato progettato per semplificare la creazione di flussi di pianificazione conformi. È flessibile, sicuro e pienamente conforme a HIPAA, ecc.
Pienamente conforme e sicuro
Personalizzabile all'infinito
Integrazione semplice
Più componenti
Affidabile e scalabile
Supporto alle traduzioni
Configurabile fin dalle basi
A misura di sviluppatore
La potenza della personalizzazione senza la fatica di costruirla da zero
Cal Atoms si adatta a un numero quasi illimitato di casi d'uso. Qui sotto trovi solo alcuni dei più comuni.
Education marketplace
Hire a freelancer for XYZ
Department
Qualifications
Location
Department
Skills
Location
Department
Skills
Location
Department
Skills
Location
Componenti plug & play
Ci concentriamo noi sui problemi di fuso orario, così tu puoi concentrarti sulla costruzione delle parti della tua attività che portano valore ai tuoi clienti.