> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livehub.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Booking

> Let visitors book a call or session — your cal.com scheduler

The Booking block lets visitors book time with you through your
[cal.com](https://cal.com) scheduler, right from your page.

<Frame caption="A booking button that opens your cal.com scheduler in a modal over the page.">
  <img className="block dark:hidden" src="https://mintcdn.com/livehub/K5-wIuGvUb-0AHlh/images/pages/blocks/block-booking.svg?fit=max&auto=format&n=K5-wIuGvUb-0AHlh&q=85&s=b3e4b548037ac718de0165986b126718" alt="Booking block: a calendar glyph above a Book a call button" width="600" height="234" data-path="images/pages/blocks/block-booking.svg" />

  <img className="hidden dark:block" src="https://mintcdn.com/livehub/K5-wIuGvUb-0AHlh/images/pages/blocks/block-booking-dark.svg?fit=max&auto=format&n=K5-wIuGvUb-0AHlh&q=85&s=0242d38d3792f60adddf7988cece1506" alt="Booking block: a calendar glyph above a Book a call button" width="600" height="234" data-path="images/pages/blocks/block-booking-dark.svg" />
</Frame>

## Settings

* **cal.com link** — your scheduler. Paste the full URL, `cal.com/handle`,
  or just `handle/event` — LiveHub normalizes it.
* **Button label** *(optional)* — the call to action, e.g. `Book a call`.

## How it works

Tapping the button opens the booking flow in a modal *over* your page —
visitors never leave. It runs entirely in the browser and works on
cal.com's free plan.

<Card title="All blocks" icon="shapes" href="/pages/blocks">
  Back to the block reference.
</Card>