Modalità manutenzione

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.

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

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.

@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}
Integrazioni esistenti

Come funzionano gli Atoms

Per i team che usano già Atoms: un flusso di pianificazione pienamente conforme in poche righe di codice.

01

Integra

Per ora Cal Atoms può essere usato con react.js. Una volta installato, puoi usare i componenti nella tua applicazione lato client.
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}
02

Personalizza

Ogni Atom può essere configurato completamente per rispecchiare il tuo brand.

Primary color

Text color

Background

FFFFFF E6E7E4

Text color

242424 FFFFFF
03

Raccogli

Una volta integrato e stilizzato il tuo Atom, puoi iniziare ad accettare prenotazioni!

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)

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

Cal Atoms è pienamente conforme a standard come HIPAA, SOC 2 e GDPR.

Personalizzabile all'infinito

Scegli gli Atoms che ti servono e adattali all'aspetto del tuo sito con styling a livello CSS.

Integrazione semplice

Cal Atoms semplifica il processo di integrazione, permettendo agli sviluppatori di aggiungere facilmente potenti funzionalità di pianificazione in ore, non settimane.

Più componenti

Che tu stia raccogliendo informazioni sugli ospiti o dettagli di pagamento, c'è un Atom per farlo.

Affidabile e scalabile

Cal Atoms si basa sulle fondamenta di pianificazione solidissime di Cal.com. Finora abbiamo gestito milioni di prenotazioni.

Supporto alle traduzioni

Supporta più lingue passando un oggetto translations a qualsiasi Atom di Cal Atoms.

Configurabile fin dalle basi

Configura errori, breakpoint e stati di caricamento usando una semplice API.

A misura di sviluppatore

Cal.com è stato creato da sviluppatori, per sviluppatori. La nostra documentazione completa e le risorse per sviluppatori rendono l'integrazione semplicissima.

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.

hHiring marketplace
hire.com

Education marketplace

Hire a freelancer for XYZ

Search... Filter
Anna KendrickCo-Founder

Department

MarketingSales

Qualifications

SEOMarketing

Location

US
Chris WashingtonEngineering Lead

Department

Engineering

Skills

Front-EndBack-EndAI

Location

Germany
Alex FisherProduct Lead

Department

Product

Skills

DesignUIUX

Location

Mexico
Dominique SchutteHuman Resource

Department

Human resource

Skills

PayrollHuman resource

Location

Turkey
Joe BergerCTO
Anna FritzHead of Operations
Ralph BakerCEO
Jane DoeHuman Resource Manager
yourapp.comBookerAvailabilityCalendars

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.