Tryb utrzymania

Cal.com Atoms są w trybie utrzymania

Istniejące integracje nadal dostają poprawki i nowe wersje npm, ale nie będzie nowych atomów. Wbudowujesz planowanie we własny produkt dla swoich użytkowników? To teraz coss.com Scheduling. Budujesz na własnym koncie Cal.com? Użyj API v2.

Zobacz coss.com Scheduling

appearance.tsLive preview

1// Style Atoms with Javascript23const appearance = {4  theme: Custom,5  variables: {6    fontFamily: 'Comic sans',7    colorPrimary: '#101010',8    colorBackground: '#ffffff',9    colorText: '#374151',10    borderRadius: '6px',11    spacingUnit: '8px',12  }13};14const atoms = cal.atoms({ clientSecret, appearance });15

Cédric van Ravesteijn

Why Cal.com is better than Calendly

Ready to see why Cal.com outshines Calendly? Spoiler alert: it's not even close!

15m30m45m1h

Cal Video

Europe/Amsterdam

May 2025

SUNMONTUEWEDTHUFRISAT12345678910111213141516171819202122232425262728293031

Zaufały nam szybko rosnące firmy z całego świata

Konfigurowalne komponenty do każdego procesu planowania

Atoms to komponenty React dla każdej części planowania: łączenia kalendarzy, ustawiania dostępności, tworzenia linków do planowania i przyjmowania rezerwacji.

Zobacz coss.com Scheduling

@calcom/atoms

1import { Connect } from "@calcom/atoms";23export default function Connect() {4  return (5    <>6      <Connect.GoogleCalendar isMultiCalendar={true} />7      <Connect.OutlookCalendar isMultiCalendar={true} />8      <Connect.AppleCalendar isMultiCalendar={true} />9    </>10  )11}

Istniejące integracje

Jak działają Atoms

Dla zespołów, które już używają Atoms: w pełni zgodny z wymogami przepływ planowania w kilku linijkach kodu.

Zobacz coss.com Scheduling

Zintegruj

Na razie Cal Atoms można używać z react.js. Po instalacji możesz korzystać z komponentów w swojej aplikacji po stronie klienta.

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

Dostosuj

Każdy Atom można w pełni skonfigurować, aby pasował do Twojej marki.

Primary color

Text color

Background

FFFFFF E6E7E4

Text color

242424 FFFFFF

Przyjmuj

Gdy Twój Atom zostanie zintegrowany i ostylowany, możesz zacząć przyjmować rezerwacje!

This event is scheduled

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

WhatDesign WorkshopWhenFriday, 16 June 2022
9:00 am – 10:00 am (Europe/Dublin)

Bezpieczne, zgodne z wymogami i w pełni konfigurowalne

Cal Atoms zaprojektowano, aby uprościć tworzenie zgodnych z wymogami przepływów planowania. Są elastyczne, bezpieczne i w pełni zgodne m.in. z HIPAA.

Zobacz coss.com Scheduling

W pełni zgodne i bezpieczne

Cal Atoms są w pełni zgodne ze standardami takimi jak HIPAA, SOC 2 i GDPR.

Nieskończenie konfigurowalne

Wybierz potrzebne atomy i dopasuj je do wyglądu swojej strony dzięki stylowaniu na poziomie CSS.

Łatwa integracja

Cal Atoms upraszczają proces integracji, pozwalając deweloperom bezproblemowo dodać zaawansowane funkcje planowania w kilka godzin, nie tygodni.

Wiele komponentów

Niezależnie od tego, czy zbierasz informacje od gości, czy dane płatności, jest na to Atom.

Niezawodne i skalowalne

Cal Atoms są zbudowane na solidnym fundamencie planowania Cal.com. Do dziś zaplanowaliśmy miliony rezerwacji.

Obsługa tłumaczeń

Obsługuj wiele języków, przekazując obiekt tłumaczeń do dowolnego komponentu Cal Atoms.

Konfigurowalne u podstaw

Konfiguruj błędy, breakpointy i stany ładowania za pomocą prostego API.

Przyjazne deweloperom

Cal.com zostało zbudowane przez deweloperów dla deweloperów. Nasza obszerna dokumentacja i zasoby dla deweloperów sprawiają, że integracja jest banalnie prosta.