打造完美像素级预约体验

通过由经过实战检验的Cal.com基础设施支持的可定制UI组件，将日程安排无缝集成到您的应用中。

npx @calcom/starter-kit my-platform

开始

浏览文档

The atoms

适用于任何日程安排工作流程的可定制组件

使用我们的原子级UI组件开发套件，连接各种日历，设置可用时间，收集访客信息并安排预约。

预约日历

美观的预约日历，提供3种视图选项（月视图、周视图、列视图）。

可用时间

为您希望他人可以预约的时间段设置重复日程。

连接Google日历

从Google日历读取您的可用时间，确保不会出现重复预约。

预约表单

完全可定制的表单，包含多种问题类型，如下拉选择、单选选项、地址、格式化电话号码等...

付款

集成Stripe以接收预约付款

Get started

Get started with Cal Atoms

Start integrating a fully compliant scheduling workflow with only a few lines of code.

Integrate

For now Cal Atoms can be used with react.js. Once installed, you can use the components in your client-side application.

import { CalProvider, Booker } from "@calcom/atoms";export default function App() { return ( <CalProvider accessToken="30AadwEContactSalesToGetAKey42069"> <Booker username="jane-doe" eventSlug="weekly-sync" /> </CalProvider> );}

Customize

Each Atom can be fully configured to match your brand.

Primary color

Radius

Background

FFFFFFE6E7E4

Text color

171717FFFFFF

Collect

Once your Atom has been integrated and styled, you can start accepting bookings!

Event was scheduled

We emailed you and the other attendees a calendar invitation with all the details.

What

Design Workshop

When

Friday, 16 June 2022

9:00 am – 10:00 am (Europe/Dublin)

Feature & Benefits

Secure, compliant and fully customizable

Cal atoms were designed to simplify the process of building compliant scheduling workflows. They're flexible, secure and fully compliant under HIPAA, etc.

Fully compliant and secure

Cal atoms are fully compliant with standards like HIPAA, SOC2 and GDPR.

Infinitely customizable

Choose the Atoms you need and match them to the look and feel of your site with CSS-level styling.

Easy integration

Cal Atoms simplifies the integration process, allowing developers to seamlessly add powerful scheduling capabilities within hours, not weeks.

Multiple components

Whether you're taking guest information or payment details, there's an Atom for it.

Reliable and scalable

Cal Atoms are built on the rock-solid scheduling foundation of Cal.com. We've scheduled millions of bookings to date.

Translation support

Support multiple languages by passing a translations object to any Cal Atom

Fundamentally configurable

Configure errors, breakpoints and loading states using a simple API.

Developer friendly

Cal.com was built by developers, for developers. Our comprehensive docs and developer resources make integration a breeze

4afgSHaFjxh6ldky0asdfnchg9dsBczFysuhdDhBksuYds6GhfsdfhtyukwrryjMbXs557sdtykyli23457y,nasdrgpoii2345fxxcbhr3h6K

7HjbnF6dhFJ7vnsgx6FH8doepdF6ietyfh78hdgntdfghb6BFGdnZvweryerqn6HFbYHfnghbHnbc3ysad0p023iopeuk8945tffy62v5X

hf7reDSFGtdsKnfyjervNqwsdtthy4cvbtyilX76nmffvbgja7fgsdnsdfg7DNfnHnagaweryasdqszxxnvmFmCn5z7878964xP

jddh6BChdxA34aashFjy98dfaqwerjaexczrgwrtysDdousfgkn7dasdflGpd34kIwrtwertn2bhvgandgteBDsf35Jv67Nbg7Ov

<XbvC6Chf7xerasqrzXeDSFGtdCBshdtyjewerthggdTFwryuk67dnknfsfgjnuil57>qwer</XbvC6Chf7xerasqrzXeDSFGtdCBshdtyjewerthggdTFwryuk67dnknfsfgjnuil57>ghwqeV5HvcaqWjg8990dzsQewzCb

0fahvn6fxsadfasfsxascxxkgj8yh65mBKGkshrtyukwwerylXoPhggtasshdfgsjT543sbhbVNMCPjgfSOvL8kvYzc

7HjvnDuIxp87tasw345adfertyjasdfYReqWasdfcvn7JFGlsk9dmaCXdSaqPzs46xcvhktyirtyfg467xxv7nBHUnfv

hNBgd5JBK87MvnXzrrhhytyjuiolyyfj8Pkgj60dfFzaawdqwet578o0[r,tus4wEshwxn28nbhjsd8nfFgnbZ90db