Key benefits of using embed
Using the Embed feature turns your website from a static page into an interactive booking engine. Here’s why it’s a game-changer:- Seamless user experience: Clients can book without ever leaving your website, keeping them engaged with your brand.
- Fully visually responsive: No matter how your clients visit your site—whether on a wide desktop monitor, a tablet, or a compact smartphone screen—the booking grid automatically scales, resizes, and adjusts its layout perfectly to provide an effortless mobile experience.
- Higher conversion rates: By removing the extra step of clicking an external link, you reduce the “drop-off” rate and capture more leads.
- Professional branding: The scheduler blends perfectly with your site’s design, making your business look established and tech-savvy.
- 24/7 automation: Your website works for you even while you sleep, allowing visitors to book confirmed meetings instantly.
- Reduced email clutter: Say goodbye to the “When are you free?” back-and-forth emails.
How to embed your meeting link
Follow these steps to generate and use your unique embed code.1
Access your event settings
- Log in to your Cal ID account.
- Navigate to the Event Types tab from your dashboard.
- Find the specific event you want to embed (e.g., “15-Minute Discovery Call”).
- Click the three dots (…) on the right side of the event card and select Edit.
2
Open the Embed menu
Inside the event editor, click on the Embed tab. You will see four distinct ways to display your calendar:
- Inline
- Pop-up
- Email
Embeds the full scheduling calendar directly into your webpage content.

3
Customize the look (optional)
On the left side of the Embed screen, you will find a Settings panel. Use this to:
- Change colors to match your brand.
- Adjust the button text.
- Modify the visibility settings.
4
Copy and paste the code
- Once you have selected and styled your embed, click the Get Code button.
- Copy the code provided.
- Paste the code into the header or the HTML section of your website.


