Cal Embed Button

Cal floating model button

Details:

A fully customizable booking button that opens a Cal.com scheduling modal — no redirects, no iframes on your page. Just paste your Cal.com link, and it works.

Features:

• Opens Cal.com modal on click

• Customize button text, colors, hover states, border radius, and padding

• Optional SVG or image icon with size and color controls

• Custom font support via Framer's font picker

• Clean hover animation with subtle shadow

How to use:

1. Add the component to your page

2. Set your Cal.com link in the Cal Link property (e.g. username/event-name)

3. Style it to match your brand