Soluzioni

Impresa

Modelli

Sviluppatore

Risorse

Prezzo

Accedi

Inizia

Accedi

Inizia

Soluzioni

Per dimensione del team

Per individui

Pianificazione personale semplificata

Per Team

Pianificazione collaborativa per gruppi

Per le imprese

Soluzioni di programmazione a livello enterprise

Per sviluppatori

Caratteristiche potenti e integrazioni

Per caso d'uso

Reclutamento

Vendite

Istruzione

Supporto

Assistenza sanitaria

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Impresa

Sviluppatore

Documentazione per Sviluppatori

Documentazione per la piattaforma Cal.com

API

Crea le tue integrazioni personalizzate con la nostra API pubblica

Kit per principianti

Crea la tua app di pianificazione con il nostro kit di avvio

Risorse

API

Crea le tue integrazioni personalizzate con la nostra API pubblica

App Store

Integra con le tue app preferite

Eventi Collettivi

Pianifica eventi con più partecipanti

Sviluppatori

Crea le tue integrazioni personalizzate con la nostra API pubblica

Incorpora

Incorpora Cal.com nel tuo sito web

Fuori ufficio

Pianifica il tempo libero con facilità

Pagamenti

Accetta pagamenti per prenotazioni

Eventi ricorrenti

Pianifica eventi ricorrenti

Blog

Rimani aggiornato con le ultime notizie e aggiornamenti

Riunioni Instantanee

Incontrare i clienti in pochi minuti

Link di Gruppo Dinamico

Prenota senza sforzo riunioni con più persone

Webhook

Ricevi una notifica quando succede qualcosa

Modelli

Prezzo

Accedi

Inizia

Soluzioni

Per dimensione del team

Per individui

Pianificazione personale semplificata

Per Team

Pianificazione collaborativa per gruppi

Per le imprese

Soluzioni di programmazione a livello enterprise

Per sviluppatori

Caratteristiche potenti e integrazioni

Per caso d'uso

Reclutamento

Vendite

Istruzione

Supporto

Assistenza sanitaria

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Impresa

Sviluppatore

Documentazione per Sviluppatori

Documentazione per la piattaforma Cal.com

API

Crea le tue integrazioni personalizzate con la nostra API pubblica

Kit per principianti

Crea la tua app di pianificazione con il nostro kit di avvio

Risorse

API

Crea le tue integrazioni personalizzate con la nostra API pubblica

App Store

Integra con le tue app preferite

Eventi Collettivi

Pianifica eventi con più partecipanti

Sviluppatori

Crea le tue integrazioni personalizzate con la nostra API pubblica

Incorpora

Incorpora Cal.com nel tuo sito web

Fuori ufficio

Pianifica il tempo libero con facilità

Pagamenti

Accetta pagamenti per prenotazioni

Eventi ricorrenti

Pianifica eventi ricorrenti

Blog

Rimani aggiornato con le ultime notizie e aggiornamenti

Riunioni Instantanee

Incontrare i clienti in pochi minuti

Link di Gruppo Dinamico

Prenota senza sforzo riunioni con più persone

Webhook

Ricevi una notifica quando succede qualcosa

Modelli

Prezzo

Crea la tua esperienza di prenotazione perfetta in pixel

Integra senza soluzione di continuità la programmazione nella tua app con componenti UI personalizzabili alimentati dall'infrastruttura collaudata di Cal.com.

Inizia

// Stile atomi con Javascript

const aspetto = {

tema : Personalizzato ,

variabili : {

fontFamily : ' Comic sans ' ,

colorePrimario : ' #101010 ' ,

coloreSfondo : ' #ffffff ' ,

colorText : ' #374151 ' ,

borderRadius : ' 6px ' ,

spacingUnit : ' 8px ' ,

}

} ;

const atomi = cal.atoms ( { clientSecret , aspetto } ) ;

Cédric van Ravesteijn

Incontro di partenariato

Sei un'agenzia, un influencer, un fondatore di SaaS o un'azienda che cerca di collaborare con Cal.com? Parliamone!

15m

30m

45m

Video Cal

Europa/Amsterdam

Maggio

2025

SOLE

MON

TUE

MER

GIO

VENERDÌ

SAT

Cédric van Ravesteijn

Incontro di partenariato

Sei un'agenzia, un influencer, un fondatore di SaaS o un'azienda che cerca di collaborare con Cal.com? Parliamone!

15m

30m

45m

Video Cal

Europa/Amsterdam

Maggio

2025

SOLE

MON

TUE

MER

GIO

VENERDÌ

SAT

Fidato da aziende in rapida crescita in tutto il mondo

Atomi

Componenti personalizzabili per qualsiasi flusso di lavoro di programmazione

Utilizza la nostra suite per sviluppatori di componenti UI atomici per connetterti a vari calendari, impostare disponibilità, raccogliere informazioni sugli ospiti e programmare appuntamenti.

Esplora la documentazione

Guarda tutti gli atomi

Collegati a qualsiasi calendario

Legge la tua disponibilità da Google Calendar assicurandoti di non essere mai prenotato due volte.

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

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

Disponibilità

Imposta orari ripetitivi per i momenti della giornata e della settimana in cui vuoi che le persone possano prenotare.

import { AvailabilitySettings } from "@calcom/atoms"

export default Availability = () => {
  return (
    <AvailabilitySettings
      enableOverrides={true}
      customClassNames={{
        subtitlesClassName: "text-grigio",
        editableHeadingClassName: "font-bold",      
      }}
    />
  );
}

Crea tipo di evento

Crea facilmente tipi di eventi individuali e di team.

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

export default function EventType() {
  return (
    <>
      <CreateEventType
        onSuccess={(eventType) => {
          console.log("Tipo evento creato con successo", eventType);
        }}
        customClassNames={{
          atomsWrapper: "bordo p-6 arrotondati-md",
          buttons: { submit: "bg-verde-500", cancel: "bg-grigio-300" },
        }}
      />
    </>
  )
}

Impostazioni del tipo di evento

Gestisci i tuoi tipi di evento e le loro impostazioni.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Impostazioni EventType aggiornate con successo", eventType);
        }}
      />
    </>
  );
}

Impostazioni del calendario

Gestisci le impostazioni del tuo calendario.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Impostazioni EventType aggiornate con successo", eventType);
        }}
      />
    </>
  );
}

Modulo di prenotazione

Moduli di prenotazione completamente personalizzabili.

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

export default function Booker( props : BookerProps ) {
  return (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("prenotazione creata con successo");
         }}
      />
    </>
  )
}

Inizia

Inizia con Cal Atoms

Inizia a integrare un flusso di lavoro per la programmazione completamente conforme con solo poche righe di codice.

Esplora la documentazione

Guarda tutti gli atomi

Integrare

Per ora, Cal Atoms può essere utilizzato con react.js. Una volta installato, puoi utilizzare i componenti nella tua applicazione lato client.

importare { CalProvider , Booker } da "@calcom/atoms" ;

esportare predefinito funzione App ( ) {

ritorna (

</CalProvider>

) ;

]

Personalizza

Ogni Atom può essere completamente configurato per adattarsi al tuo marchio.

Colore primario

Colore del testo

Sfondo

FFFFFF

E6E7E4

Colore del testo

242424

FFFFFF

Raccogli

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

Caratteristiche e vantaggi

Sicuro, conforme e completamente personalizzabile

Gli atomi Cal sono stati progettati per semplificare il processo di creazione di flussi di lavoro di programmazione conformi. Sono flessibili, sicuri e pienamente conformi alle normative HIPAA, ecc.

Esplora la documentazione

Guarda tutti gli atomi

Completamente conforme e sicuro

Gli atomi Cal sono pienamente conformi agli standard come HIPAA, SOC2 e GDPR.

Infinitamente personalizzabile

Scegli gli Atomi di cui hai bisogno e abbinali all'aspetto e alla sensazione del tuo sito con uno stile a livello CSS.

Integrazione facile

Cal Atoms semplifica il processo di integrazione, consentendo agli sviluppatori di aggiungere senza problemi potenti funzionalità di programmazione in poche ore, non in settimane.

Più componenti

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

Affidabile e scalabile

Cal Atoms sono costruiti sulla solida base di pianificazione di Cal.com. Abbiamo programmato milioni di prenotazioni fino ad oggi.

Supporto per la traduzione

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

Fondamentalmente configurabile

Configura errori, punti di interruzione e stati di caricamento utilizzando una semplice API.

Amichevole per gli sviluppatori

Cal.com è stato costruito da sviluppatori, per sviluppatori. La nostra documentazione completa e le risorse per sviluppatori rendono l'integrazione un gioco da ragazzi.

Casi d'uso

Il potere della personalizzazione senza il dolore dell'autogestione

Gli Atomi Cal possono adattarsi a un numero quasi illimitato di casi d'uso. Di seguito sono riportati solo alcuni dei più comuni.

Esplora la documentazione

Guarda tutti gli atomi

Componenti plug and play

Ci concentreremo sui problemi dei fusi orari, così potrai concentrarti sulla costruzione delle parti del tuo business che offrono valore ai tuoi clienti.

Inizia