Cal.com Atoms estão em modo de manutenção
As integrações existentes continuam a receber correções e novas versões npm, mas não haverá novos Atoms. Estás a integrar agendamento no teu próprio produto, para os teus próprios utilizadores? Isso agora é coss.com Scheduling. Estás a desenvolver sobre a tua própria conta 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
Com a confiança de empresas em rápido crescimento em todo o mundo
Componentes personalizáveis para qualquer fluxo de trabalho de agendamento
Atoms são componentes React para cada parte do agendamento: ligar calendários, definir disponibilidade, criar links de agendamento e aceitar reservas.
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}
Como funcionam os Atoms
Para equipas que já usam Atoms: um fluxo de trabalho de agendamento totalmente em conformidade em poucas linhas de código.
Integrar
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}
Personalizar
Primary color
Text color
Background
Text color
Recolher
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)
Seguro, em conformidade e totalmente personalizável
Os Cal Atoms foram concebidos para simplificar o processo de criar fluxos de trabalho de agendamento em conformidade. São flexíveis, seguros e totalmente em conformidade com HIPAA, etc.
Totalmente em conformidade e seguro
Infinitamente personalizável
Integração fácil
Vários componentes
Fiável e escalável
Suporte de tradução
Configurável por natureza
Feito para programadores
O poder da personalização sem a dor de criares tudo tu
Os Cal Atoms podem adaptar-se a um número quase ilimitado de casos de uso. Abaixo estão apenas alguns dos mais comuns.
Education marketplace
Hire a freelancer for XYZ
Anna KendrickCo-FounderDepartment
Qualifications
Location
Chris WashingtonEngineering LeadDepartment
Skills
Location
Alex FisherProduct LeadDepartment
Skills
Location
Dominique SchutteHuman ResourceDepartment
Skills
Location
Joe BergerCTO
Anna FritzHead of Operations
Ralph BakerCEOJane DoeHuman Resource ManagerComponentes plug & play
Nós tratamos dos problemas de fuso horário, para que tu te possas focar em criar as partes do teu negócio que entregam valor aos teus clientes.