---
title: "CalBookingEmbed — Framer component · Best of Framer"
description: "$15.00 · Framer component · by vora · Interactive. Cal.com embed: Inline, Popup & Floating"
canonical: "https://framer.elliotli.dev/component/calbookingembed"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/CalBookingEmbed

# CalBookingEmbed

Cal.com embed: Inline, Popup & Floating

[View on Framer](https://framer.com/marketplace/components/calbookingembed/?via=elliot-li)

![CalBookingEmbed preview image 1](https://framer.elliotli.dev/og/component/calbookingembed/0db1e27cb57b29d1/1600x1200.jpg)

## Summary

Cal.com embed: Inline, Popup & Floating

## Description

[Cal.com](http://Cal.com) Booking Embed gives your Framer site a fully functional scheduling widget — no backend, no redirects, no extra code.

All three embed modes are packed into a single component:

Inline

Display the complete [Cal.com](http://Cal.com) booking calendar directly on your page. Visitors can pick a date and time without ever leaving your site.

Popup Modal

A clean button that opens a full booking overlay on click. Perfect for CTAs, landing pages, and hero sections.

Floating Button

A persistent pill button fixed to any corner of your page. Always visible, never intrusive.

Property Controls

— Cal Link: paste your [Cal.com](http://Cal.com) slug (e.g. yourname/30min)

— Theme: Light / Dark / Auto

— Layout: Month / Week / Column view

— Brand Color: match your site's accent color

— Hide Event Details: toggle for a cleaner look

— Button Text, Color, Border Radius (Popup mode)

— Float Position: Bottom Right / Left, Top Right / Left (Floating mode)

— Inline Height: adjustable from 300px to 1200px

Requirements

A free [Cal.com](http://Cal.com) account. Sign up at [cal.com](http://cal.com) — works from any country.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8833

## Details

- **Author**: vora
- **Price**: $15.00
- **Published**: 2026-04-24
- **Updated**: 2026-04-24
- **Added**: 2026-04-17
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase