Solutions

Entreprise

Modèles

Développeur

Ressources

Tarification

Se connecter

Commencer

Se connecter

Commencer

Solutions

Par taille d'équipe

Pour les particuliers

Planification personnelle simplifiée

Pour les équipes

Planification collaborative pour les groupes

Pour les entreprises

Solutions de planification de niveau entreprise

Pour développeurs

Fonctionnalités puissantes et intégrations

Par cas d'utilisation

Recrutement

Ventes

Ressources humaines

Éducation

Soutien

Santé

Télésanté

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Entreprise

Développeur

Documentation des développeurs

Documentation pour la plateforme Cal.com

API

Créez vos propres intégrations avec notre API publique

Kit de démarrage

Créez votre propre application de planification avec notre kit de démarrage

Kit de démarrage

Créez votre propre application de planification avec notre kit de démarrage

Ressources

API

Créez vos propres intégrations avec notre API publique

App Store

Intégrez-vous à vos applications préférées

Événements Collectifs

Planifier des événements avec plusieurs participants

Développeurs

Créez vos propres intégrations avec notre API publique

Intégrer

Intégrer Cal.com dans votre site web

Hors du bureau

Planifiez des congés facilement

Paiements

Accepter les paiements pour les réservations

Événements récurrents

Planifier des événements récurrents

Blog

Restez à jour avec les dernières nouvelles et mises à jour

Réunions instantanées

Rencontrez des clients en quelques minutes

Liens de groupe dynamique

Réservez facilement des réunions avec plusieurs personnes

Webhooks

Soyez informé lorsque quelque chose se passe

Modèles

Tarification

Se connecter

Commencer

Solutions

Par taille d'équipe

Pour les particuliers

Planification personnelle simplifiée

Pour les équipes

Planification collaborative pour les groupes

Pour les entreprises

Solutions de planification de niveau entreprise

Pour développeurs

Fonctionnalités puissantes et intégrations

Par cas d'utilisation

Recrutement

Ventes

Ressources humaines

Éducation

Soutien

Santé

Télésanté

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Entreprise

Développeur

Documentation des développeurs

Documentation pour la plateforme Cal.com

API

Créez vos propres intégrations avec notre API publique

Kit de démarrage

Créez votre propre application de planification avec notre kit de démarrage

Kit de démarrage

Créez votre propre application de planification avec notre kit de démarrage

Ressources

API

Créez vos propres intégrations avec notre API publique

App Store

Intégrez-vous à vos applications préférées

Événements Collectifs

Planifier des événements avec plusieurs participants

Développeurs

Créez vos propres intégrations avec notre API publique

Intégrer

Intégrer Cal.com dans votre site web

Hors du bureau

Planifiez des congés facilement

Paiements

Accepter les paiements pour les réservations

Événements récurrents

Planifier des événements récurrents

Blog

Restez à jour avec les dernières nouvelles et mises à jour

Réunions instantanées

Rencontrez des clients en quelques minutes

Liens de groupe dynamique

Réservez facilement des réunions avec plusieurs personnes

Webhooks

Soyez informé lorsque quelque chose se passe

Modèles

Tarification

Construisez votre expérience de réservation parfaitement pixelisée

Intégrez facilement la planification dans votre application avec des composants UI personnalisables alimentés par l'infrastructure éprouvée de Cal.com.

Commencer

// Styliser les atomes avec Javascript

const apparence = {

thème : Personnalisé ,

variables : {

policeDeCaractère : ' Comic sans ' ,

couleurPrimaire : ' #101010 ' ,

couleurFond : ' #ffffff ' ,

couleurTexte : ' #374151 ' ,

borderRadius : ' 6px ' ,

unitéEspacement : ' 8px ' ,

}

} ;

const atomes = cal.atoms({ clientSecret, apparence });

Cédric van Ravesteijn

Réunion de partenariats

Êtes-vous une agence, un influenceur, un fondateur de SaaS ou une entreprise cherchant à collaborer avec Cal.com ? Discutons-en !

15 m

30 minutes

45m

Cal Vidéo

Europe/Amsterdam

Mai

2025

SOLEIL

MON

MARDI

MER

JEU

VENDREDI

SAM

Cédric van Ravesteijn

Réunion de partenariats

Êtes-vous une agence, un influenceur, un fondateur de SaaS ou une entreprise cherchant à collaborer avec Cal.com ? Discutons-en !

15 m

30 minutes

45m

Cal Vidéo

Europe/Amsterdam

Mai

2025

SOLEIL

MON

MARDI

MER

JEU

VENDREDI

SAM

Approuvé par des entreprises en forte croissance dans le monde entier

Atomes

Composants personnalisables pour tout flux de travail de planification

Utilisez notre suite de développement de composants UI atomiques pour vous connecter à divers calendriers, définir des disponibilités, collecter des informations sur les invités et planifier des rendez-vous.

Explorez la documentation

Voir tous les atomes

Connectez-vous à n'importe quel calendrier

Lit votre disponibilité à partir des Calendriers Google, garantissant que vous ne soyez jamais double réservé.

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

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

Disponibilité

Définissez des horaires répétés pour les moments de la journée et de la semaine où vous souhaitez que les gens puissent réserver.

import { AvailabilitySettings } from "@calcom/atoms"

export default Availability = () => {
  return (
    <AvailabilitySettings
      enableOverrides={true}
      customClassNames={{
        subtitlesClassName: "texte-gris",
        editableHeadingClassName: "gras",
      }}
    />
  );
}

Créer un type d'événement

Créez facilement des types d'événements individuels et d'équipe.

importer { CreateEventType } de "@calcom/atoms";

exporter par défaut fonction EventType() {
  retourner (
    <>
      <CreateEventType
        onSuccess={(eventType) => {
          console.log("EventType créé avec succès", eventType);
        }}
        customClassNames={{
          atomsWrapper: "bordure p-6 arrondi-md",
          buttons: { submit: "bg-vert-500", cancel: "bg-gris-300" },
        }}
      />
    </>
  )
}

Paramètres de type d'événement

Gérez vos types d'événements et leurs paramètres.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Paramètres de type d'événement mis à jour avec succès", eventType);
        }}
      />
    </>
  );
}

Paramètres du calendrier

Gérez les paramètres de votre calendrier.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Paramètres de type d'événement mis à jour avec succès", eventType);
        }}
      />
    </>
  );
}

Formulaire de réservation

Formulaires de réservation entièrement personnalisables.

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

export default function Booker( props : BookerProps ) {
  return (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("réservation créée avec succès");
         }}
      />
    </>
  )
}

Commencer

Commencez avec Cal Atoms

Commencez à intégrer un flux de travail de planification entièrement conforme avec seulement quelques lignes de code.

Explorez la documentation

Voir tous les atomes

Intégrer

Pour l'instant, Cal Atoms peut être utilisé avec react.js. Une fois installé, vous pouvez utiliser les composants dans votre application côté client.

importer { CalProvider , Booker } de "@calcom/atoms" ;

export default function App ( ) {

retourner (

</CalProvider>

) ;

}

Personnaliser

Chaque atome peut être entièrement configuré pour correspondre à votre marque.

Couleur primaire

Couleur du texte

Contexte

FFFFFF

E6E7E4

Couleur du texte

242424

FFFFFF

Collecter

Une fois que votre Atom a été intégré et stylisé, vous pouvez commencer à accepter des réservations!

Caractéristiques et avantages

Sécurisé, conforme et entièrement personnalisable

Les atomes Cal ont été conçus pour simplifier le processus de création de flux de travail de planification conformes. Ils sont flexibles, sécurisés et entièrement conformes à la HIPAA, etc.

Explorez la documentation

Voir tous les atomes

Complètement conforme et sécurisé

Les atomes Cal sont entièrement conformes aux normes telles que la HIPAA, la SOC2 et le RGPD.

Personnalisable à l'infini

Choisissez les Atomes dont vous avez besoin et faites-les correspondre à l'apparence de votre site avec du style au niveau CSS.

Intégration facile

Cal Atoms simplifie le processus d'intégration, permettant aux développeurs d'ajouter sans effort des capacités de planification puissantes en quelques heures, et non en semaines.

Plusieurs composants

Que vous preniez des informations sur les invités ou des détails de paiement, il y a un Atom pour cela.

Fiable et évolutif

Les Cal Atoms reposent sur les bases solides de planification de Cal.com. Nous avons programmé des millions de réservations à ce jour.

Support de traduction

Prise en charge de plusieurs langues en passant un objet de traductions à n'importe quel Cal Atoms.

Fondamentalement configurable

Configurer des erreurs, des points d'arrêt et des états de chargement à l'aide d'une API simple.

Convivial pour les développeurs

Cal.com a été construit par des développeurs, pour des développeurs. Nos documents complets et nos ressources pour les développeurs facilitent l'intégration.

Cas d'utilisation

Le pouvoir de la personnalisabilité sans la douleur de l'auto-hébergement

Les Cal Atoms peuvent s'adapter à un nombre presque illimité de cas d'utilisation. Voici quelques-uns des plus courants.

Explorez la documentation

Voir tous les atomes

Composants plug & play

Nous nous concentrerons sur les problèmes de fuseau horaire, afin que vous puissiez vous concentrer sur la construction des parties de votre entreprise qui apportent de la valeur à vos clients.

Commencer