Soluções

Empresa

Modelos

Desenvolvedor

Recursos

Preços

Iniciar sessão

Começar

Iniciar sessão

Começar

Soluções

Por tamanho da equipa

Para Indivíduos

Agendamento pessoal simplificado

Para Equipas

Agendamento colaborativo para grupos

Para Empresas

Soluções de agendamento de nível empresarial

Para Desenvolvedores

Recursos poderosos e integrações

Por caso de uso

Recrutamento

Vendas

Educação

Suporte

Cuidados de saúde

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Empresa

Desenvolvedor

Documentação do Desenvolvedor

Documentação para a plataforma Cal.com

API

Crie as suas próprias integrações com a nossa API pública

Kit de Início

Crie a sua própria aplicação de agendamento com o nosso kit de início

Recursos

API

Crie as suas próprias integrações com a nossa API pública

Loja de Aplicações

Integre com as suas aplicações favoritas

Eventos Coletivos

Agendar eventos com múltiplos participantes

Desenvolvedores

Crie as suas próprias integrações com a nossa API pública

Incorporar

Incorporar Cal.com no seu website

Fora do Escritório

Agende tempo livre com facilidade

Pagamentos

Aceitar pagamentos por reservas

Eventos Recorrentes

Agendar eventos recorrentes

Blogue

Mantenha-se atualizado com as últimas notícias e atualizações

Reuniões Instantâneas

Reunião com clientes em minutos

Links de Grupo Dinâmico

Agende reuniões de forma fluida com várias pessoas

Webhooks

Receba notificações quando algo acontecer

Modelos

Preços

Iniciar sessão

Começar

Soluções

Por tamanho da equipa

Para Indivíduos

Agendamento pessoal simplificado

Para Equipas

Agendamento colaborativo para grupos

Para Empresas

Soluções de agendamento de nível empresarial

Para Desenvolvedores

Recursos poderosos e integrações

Por caso de uso

Recrutamento

Vendas

Educação

Suporte

Cuidados de saúde

Telemedicina

Marketing

Try Cal.ai now!

Supercharged scheduling with AI-powered calls

Empresa

Desenvolvedor

Documentação do Desenvolvedor

Documentação para a plataforma Cal.com

API

Crie as suas próprias integrações com a nossa API pública

Kit de Início

Crie a sua própria aplicação de agendamento com o nosso kit de início

Recursos

API

Crie as suas próprias integrações com a nossa API pública

Loja de Aplicações

Integre com as suas aplicações favoritas

Eventos Coletivos

Agendar eventos com múltiplos participantes

Desenvolvedores

Crie as suas próprias integrações com a nossa API pública

Incorporar

Incorporar Cal.com no seu website

Fora do Escritório

Agende tempo livre com facilidade

Pagamentos

Aceitar pagamentos por reservas

Eventos Recorrentes

Agendar eventos recorrentes

Blogue

Mantenha-se atualizado com as últimas notícias e atualizações

Reuniões Instantâneas

Reunião com clientes em minutos

Links de Grupo Dinâmico

Agende reuniões de forma fluida com várias pessoas

Webhooks

Receba notificações quando algo acontecer

Modelos

Preços

Crie a sua experiência de reserva perfeita em pixels

Integre de forma simples a programação na sua aplicação com componentes de interface do utilizador personalizáveis alimentados pela infraestrutura testada em batalha da Cal.com.

Começar

// Estilizar átomos com Javascript

const aparência = {

tema : Personalizado ,

variáveis : {

fontFamily : ' Comic sans ' ,

corPrimária : ' #101010 ' ,

corFundo : ' #ffffff ' ,

corTexto : ' #374151 ' ,

borderRadius : ' 6px ' ,

spacingUnit : ' 8px ' ,

}

} ;

const átomos = cal.atoms ( { clientSecret , aparência } ) ;

Cédric van Ravesteijn

Reunião de Parcerias

É uma agência, influenciador, fundador de SaaS ou negócio à procura de colaborar com a Cal.com? Vamos conversar!

15m

30m

45m

Vídeo Cal

Europa/Amesterdão

Maio

2025

SOL

MON

TER

QUA

QUI

FRI

SÁB

dezasseis

Cédric van Ravesteijn

Reunião de Parcerias

É uma agência, influenciador, fundador de SaaS ou negócio à procura de colaborar com a Cal.com? Vamos conversar!

15m

30m

45m

Vídeo Cal

Europa/Amesterdão

Maio

2025

SOL

MON

TER

QUA

QUI

FRI

SÁB

dezasseis

Confiado por empresas em rápido crescimento em todo o mundo

Átomos

Componentes personalizáveis para qualquer fluxo de trabalho de agendamento

Utilize o nosso conjunto de componentes UI atómicos para se conectar a vários calendários, definir disponibilidades, recolher informações dos convidados e agendar compromissos.

Explore a documentação

Ver todos os átomos

Conectar a qualquer calendário

Lê a sua disponibilidade a partir do Google Calendars, garantindo que nunca fique com reservas em duplicado.

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

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

Disponibilidade

Defina horários repetidos para os momentos do dia e da semana em que deseja que as pessoas possam reservar.

import { AvailabilitySettings } from "@calcom/atoms"

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

Criar tipo de evento

Crie facilmente tipos de eventos individuais e em equipa.

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

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

Configurações do tipo de evento

Gerir os seus tipos de evento e as suas definições.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Configurações do tipo de evento atualizadas com sucesso", eventType);
        }}
      />
    </>
  );
}

Configurações do calendário

Gerir as definições do seu calendário.

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

export function EventTypeTabs(eventTypeId: number) {      
  return (
    <>
      <EventTypeSettings
        id={eventTypeId}
        allowDelete={false}
        onSuccess={(eventType) => {
          console.log("Configurações do tipo de evento atualizadas com sucesso", eventType);
        }}
      />
    </>
  );
}

Formulário de reserva

Formulários de reserva completamente personalizáveis.

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

exportar padrão função Booker( props : BookerProps ) {
  retornar (
    <>
      <Booker
        eventSlug={props.eventTypeSlug}
        username={props.calUsername}
        onCreateBookingSuccess={() => {
          console.log("reserva criada com sucesso");
         }}
      />
    </>
  )
}

Começar

Comece com Cal Atoms

Comece a integrar um fluxo de trabalho de agendamento totalmente compatível com apenas algumas linhas de código.

Explore a documentação

Ver todos os átomos

Integrar

Por agora, os Cal Atoms podem ser usados com react.js. Uma vez instalados, pode utilizar os componentes na sua aplicação do lado do cliente.

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

export default function App ( ) {

retornar (

</CalProvider>

) ;

}

Personalizar

Cada átomo pode ser totalmente configurado para corresponder à sua marca.

Cor primária

Cor do texto

Fundo

FFFFFF

E6E7E4

Cor do texto

242424

FFFFFF

Coletar

Uma vez que o seu Atom tenha sido integrado e estilizado, pode começar a aceitar reservas!

Características e benefícios

Seguro, em conformidade e totalmente personalizável

Os átomos Cal foram concebidos para simplificar o processo de construção de fluxos de trabalho de programação em conformidade. São flexíveis, seguros e totalmente conformes com a HIPAA, etc.

Explore a documentação

Ver todos os átomos

Totalmente compatível e seguro

Os átomos Cal estão totalmente em conformidade com normas como HIPAA, SOC2 e GDPR.

Ilimitadamente personalizável

Escolha os Atoms de que precisa e adapte-os à aparência do seu site com estilo a nível de CSS.

Integração fácil

Cal Atoms simplifica o processo de integração, permitindo que os desenvolvedores adicionem de forma transparente poderosas capacidades de agendamento em poucas horas, e não semanas.

Múltiplos componentes

Quer esteja a recolher informações sobre os hóspedes ou detalhes de pagamento, há um Atom para isso.

Fiável e escalável

Os Cal Atoms são construídos na sólida base de agendamento da Cal.com. Até à data, agendámos milhões de reservas.

Suporte à tradução

Suporte várias línguas ao passar um objeto de traduções para qualquer Cal Atoms.

Fundamentalmente configurável

Configure erros, pontos de interrupção e estados de carregamento usando uma API simples.

Amigável para desenvolvedores

A Cal.com foi construída por developers, para developers. A nossa documentação abrangente e recursos para developers tornam a integração simples.

Casos de uso

O poder da personalização sem a dor da auto-hospedagem

Os Cal Atoms podem encaixar um número quase ilimitado de casos de uso. Abaixo estão apenas alguns dos mais comuns.

Explore a documentação

Ver todos os átomos

Componentes prontos a usar

Vamos concentrar-nos nos problemas de fuso horário, para que você possa se concentrar em construir as partes do seu negócio que oferecem valor aos seus clientes.

Começar