Cal.com - ways to integrate for your website.

Contact Me!

The examples below are live and you can make a appointment to chat with me.

Examples below:

if you need help integrating cal.com in your site let me know

1. Direct Link (New Tab + Prefill)

Opens directly on Cal.com with pre-populated name and email query parameters.

Text link - click to make appointment
-OR-
Button - click to make appointment

2. HTML Data Attribute Popup

Zero custom JS. Uses standard data-cal-link and data-cal-config attributes.

3. Programmatic Trigger via JS

Useful when you want to run custom client-side validation before opening the calendar.

4. Inline Seamless Embed

Renders the scheduler directly on the page inside a parent container.