Soluciones

Empresa

Plantillas

Desarrollador

Recursos

Precios

Iniciar sesión

Comienza

Iniciar sesión

Comienza

Solutions

Por tamaño del equipo

Para individuos

Programación personal hecha simple

Para Equipos

Programación colaborativa para grupos

Para empresas

Soluciones de planificación a nivel empresarial

Para desarrolladores

Funciones y integraciones poderosas

Por caso de uso

Reclutamiento

Ventas

Educación

Soporte

Cuidado de la salud

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Empresa

Developer

Documentación del Desarrollador

Documentación para la plataforma Cal.com

API

Crea tus propias integraciones con nuestra API pública

Kit de inicio

Crea tu propia aplicación de programación con nuestro kit de inicio

Resources

API

Crea tus propias integraciones con nuestra API pública

App Store

Integra con tus aplicaciones favoritas

Eventos Colectivos

Programa eventos con múltiples participantes

Desarrolladores

Crea tus propias integraciones con nuestra API pública

Incrustar

Incorpora Cal.com en tu sitio web

Fuera de la oficina

Programa tiempo libre con facilidad

Pagos

Aceptar pagos por reservas

Eventos recurrentes

Programar eventos recurrentes

Blog

Mantente al día con las últimas noticias y actualizaciones

Reuniones Instantáneas

Reúnete con clientes en minutos

Enlaces de Grupo Dinámico

Reserva reuniones de forma fluida con varias personas

Webhooks

Recibe notificaciones cuando ocurra algo

Plantillas

Precios

Iniciar sesión

Comienza

Solutions

Por tamaño del equipo

Para individuos

Programación personal hecha simple

Para Equipos

Programación colaborativa para grupos

Para empresas

Soluciones de planificación a nivel empresarial

Para desarrolladores

Funciones y integraciones poderosas

Por caso de uso

Reclutamiento

Ventas

Educación

Soporte

Cuidado de la salud

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Empresa

Developer

Documentación del Desarrollador

Documentación para la plataforma Cal.com

API

Crea tus propias integraciones con nuestra API pública

Kit de inicio

Crea tu propia aplicación de programación con nuestro kit de inicio

Resources

API

Crea tus propias integraciones con nuestra API pública

App Store

Integra con tus aplicaciones favoritas

Eventos Colectivos

Programa eventos con múltiples participantes

Desarrolladores

Crea tus propias integraciones con nuestra API pública

Incrustar

Incorpora Cal.com en tu sitio web

Fuera de la oficina

Programa tiempo libre con facilidad

Pagos

Aceptar pagos por reservas

Eventos recurrentes

Programar eventos recurrentes

Blog

Mantente al día con las últimas noticias y actualizaciones

Reuniones Instantáneas

Reúnete con clientes en minutos

Enlaces de Grupo Dinámico

Reserva reuniones de forma fluida con varias personas

Webhooks

Recibe notificaciones cuando ocurra algo

Plantillas

Precios

Construye tu experiencia de reserva perfecta en píxeles

Integra sin problemas la programación en tu aplicación con componentes de interfaz de usuario personalizables impulsados por la infraestructura probada de Cal.com.

Comienza

// Estilizar átomos con Javascript

const apariencia = {

tema : Personalizado ,

variables : {

fuenteFamilia : ' Comic sans ' ,

colorPrimario : ' #101010 ' ,

colorBackground : ' #ffffff ' ,

colorText : ' #374151 ' ,

borderRadius : ' 6px ' ,

unidadDeEspaciado : ' 8px ' ,

}

} ;

const átomos = cal.atoms ( { clientSecret , apariencia } ) ;

Cédric van Ravesteijn

Reunión de Asociaciones

¿Eres una agencia, influencer, fundador de SaaS o empresario que busca colaborar con Cal.com? ¡Hablemos!

15m

30m

45m

Cal Vídeo

Europa/Ámsterdam

Mayo

2025

SOL

MON

MARTES

MIÉ

JUE

FRI

SAT

Cédric van Ravesteijn

Reunión de Asociaciones

¿Eres una agencia, influencer, fundador de SaaS o empresario que busca colaborar con Cal.com? ¡Hablemos!

15m

30m

45m

Cal Vídeo

Europa/Ámsterdam

Mayo

2025

SOL

MON

MARTES

MIÉ

JUE

FRI

SAT

Confiado por empresas de rápido crecimiento en todo el mundo

Átomos

Componentes personalizables para cualquier flujo de trabajo de programación

Utiliza nuestro conjunto de herramientas para desarrolladores de componentes de interfaz de usuario atómicos para conectarte a varios calendarios, establecer disponibilidades, recopilar información de los invitados y programar citas.

Explora la documentación

Ver todos los átomos

Conéctate a cualquier calendario

Lee tu disponibilidad desde Google Calendars asegurando que nunca te reservas doble.

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

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

Disponibilidad

Establece horarios repetitivos para los momentos del día y de la semana en los que deseas que las personas puedan reservar.

import { AvailabilitySettings } from "@calcom/atoms"

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

Crear tipo de evento

Crea fácilmente tipos de eventos individuales y de equipo.

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

export default function EventType() {
  return (
    <>
      <CreateEventType
        onSuccess={(eventType) => {
          console.log("Tipo de evento creado correctamente", eventType);
        }}
        customClassNames={{
          atomsWrapper: "border p-6 rounded-md",
          buttons: { submit: "bg-green-500", cancel: "bg-gray-300" },
        }}
      />
    </>
  )
}

Configuración del tipo de evento

Gestiona tus tipos de evento y sus configuraciones.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Configuración del tipo de evento actualizada con éxito", eventType);
        }}
      />
    </>
  );
)

Configuración del calendario

Gestiona la configuración de tu calendario.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Configuración del tipo de evento actualizada con éxito", eventType);
        }}
      />
    </>
  );
)

Formulario de reserva

Formularios de reserva completamente personalizables.

importar { Booker } de "@calcom/atoms";

exportar función predeterminada Booker( props : BookerProps ) {
  retornar (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("reserva creada con éxito");
         }}
      />
    </>
  )
}

Comienza

Comienza con Cal Atoms

Comienza a integrar un flujo de trabajo de programación totalmente conforme con solo unas pocas líneas de código.

Explora la documentación

Ver todos los átomos

Integrar

Por ahora, Cal Atoms se puede usar con react.js. Una vez instalado, puedes utilizar los componentes en tu aplicación del lado del cliente.

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

export default function Aplicación ( ) {

return (

</CalProvider>

) ;

}

Personalizar

Cada átomo puede configurarse completamente para coincidir con tu marca.

Color primario

Color de texto

Fondo

FFFFFF

E6E7E4

Color de texto

242424

FFFFFF

Recoger

Una vez que tu Átomo ha sido integrado y estilizado, ¡puedes comenzar a aceptar reservas!

Características y beneficios

Seguro, conforme y completamente personalizable

Los átomos de Cal fueron diseñados para simplificar el proceso de creación de flujos de trabajo de programación compatibles. Son flexibles, seguros y totalmente conformes con HIPAA, etc.

Explora la documentación

Ver todos los átomos

Totalmente conforme y seguro

Los átomos de Cal cumplen totalmente con estándares como HIPAA, SOC2 y GDPR.

Personalizable infinitamente

Elige los átomos que necesitas y combínalos con la apariencia de tu sitio mediante estilos a nivel de CSS.

Integración fácil

Cal Atoms simplifica el proceso de integración, permitiendo a los desarrolladores añadir sin problemas potentes capacidades de programación en cuestión de horas, no semanas.

Múltiples componentes

Ya sea que estés recopilando información de invitados o detalles de pago, hay un Atom para ello.

Confiable y escalable

Los Cal Atoms se basan en la sólida base de programación de Cal.com. Hasta la fecha, hemos programado millones de reservas.

Soporte de traducción

Soporta múltiples idiomas pasando un objeto de traducciones a cualquier Cal Atoms.

Fundamentalmente configurable

Configura errores, puntos de interrupción y estados de carga utilizando una API sencilla.

Amigable para desarrolladores

Cal.com fue creado por desarrolladores, para desarrolladores. Nuestra documentación completa y recursos para desarrolladores hacen que la integración sea muy sencilla.

Casos de uso

El poder de la personalización sin el dolor de la autogestión

Los átomos de Cal pueden adaptarse a un número casi ilimitado de casos de uso. A continuación, se presentan solo algunos de los más comunes.

Explora la documentación

Ver todos los átomos

Componentes plug and play

Nos centraremos en los problemas de zona horaria, para que tú te puedas concentrar en construir las partes de tu negocio que aportan valor a tus clientes.

Comienza