Skip to main content

Add Appointments or Booking using Calendly Section

Easily integrate Calendly into your Durable website, allowing visitors to effortlessly schedule appointments and meetings.

Leodith avatar
Written by Leodith
Updated over 3 weeks ago

📌 A Calendly account and subscription is required.

To get started, you'll first need to log in or sign up for Calendly and create your booking event:

  • Go to Calendly and either log in or sign up for an account.

  • From your dashboard, click + Create to choose your event type (e.g., one-on-one, group).

  • Fill out the event details, set your availability, and save your event.

  • Copy the generated Calendly event link to use on your website.

Here's how to add Calendly to your Durable website:

  • Click Add Section.

  • Type Calendly into the search box to quickly find the feature.

  • Click the Calendly section to add it to your webpage. Durable will promptly display a default Calendly setup for easy customization.

Next, customize your Calendly section and booking details. You’ll find two tabs: Content and Style.

Content Tab:

Make the Calendly booking uniquely yours by adjusting:

  • Tagline: Eye-catching accent text above your main headline.

  • Headline: The primary call-to-action encouraging bookings.

  • Subtext: Provide additional context or instructions.

  • Calendly Link: Paste your Calendly event link here to seamlessly connect your scheduling page.


Need inspiration? Click Restyle for AI-generated ideas!

Style Tab:

Enhance your booking section visually by customizing:

  • Colors: Align the Calendly section with your brand.

    • Select from default themes or create your custom palette.

    • Choose accent colors for highlighting.

  • Background Image/Video: Add engaging visuals.

    • Select or upload media, set positioning, overlays, and blur effects.

  • Text Size: Adjust heading and subtext sizes for optimal readability.

  • Alignment: Decide between left or center alignment.

  • Calendar Background: Match your calendar background with your site’s aesthetic.

  • Animations: Add engaging effects like fade, zoom, or slide.

  • Divider and Border: Clearly define your booking section.

If you need further help, our supportive team is ready to assist you anytime!

Did this answer your question?