How to Add an Online Booking Calendar to Your Draftly Site

Draftly Team
D
Draftly Team
February 13, 2026
5
Tutorials

Summary

Let clients book appointments directly from your website — no calls, no back-and-forth. Here's how to integrate Calendly and other tools.

How to Add an Online Booking Calendar to Your Draftly Site

How to Add an Online Booking Calendar to Your Draftly Site

An online booking system turns a passive visitor into a committed appointment in one click.

Option 1 — Calendly (Most Popular)

  • Create a free Calendly account
  • Set up your event type (discovery call, consultation, appointment)
  • Set your availability and buffer time
  • Go to Share → Embed → Inline embed
  • Copy the embed code
  • Add a Custom HTML block in Draftly and paste the code

Option 2 — Tidycal (One-Time Payment)

Tidycal.com offers lifetime access for a small one-time fee. Calendly alternative with similar embed functionality.

Option 3 — Google Calendar Integration

For simple appointment slots without third-party tools:

  • Enable appointment schedules in Google Calendar (requires Google Workspace)

  • Share the booking link

  • Embed using an iframe in Draftly's Custom HTML block


Placement

  • Add a 'Book a Call' button in your nav linking to the booking page
  • Embed the calendar inline on your contact or services page
  • Use a popup trigger after 30 seconds for high-intent pages

Indian Context

For Indian businesses where WhatsApp is dominant, add both a WhatsApp contact option AND the calendar — different clients prefer different booking methods.

Related Articles

More in Tutorials →