Do I need a third-party scheduler like Calendly?

No. The form captures date, time, and service natively. Pair it with your calendar via webhook or send the booking to Brevo or HubSpot for confirmation emails.

Can I limit time slots based on availability?

You can pre-define available time slots as radio options. For dynamic availability, route the submission to your calendar tool via webhook.

Can I split this across multiple steps?

Yes. Pro and Scale plans include the multi-step form builder so customers pick service, then date, then contact info on separate pages.

Booking Template

Appointment Booking Form Template for Framer

Native appointment booking inside Framer. Date pickers, time slots, service selection. Skip the third-party scheduler embed.

Use this template in Framer View live demo

Free on every planCustomize inside Framer9 native CRM integrations

Live demo on the Forms Plugin showcase site

What's Included

Pre-built fields, ready to customize.

Book appointments with date pickers, time slots, and service selection. No third-party scheduler needed.

Full name
Email
Phone (international format)
Service type (dropdown)
Preferred date (date picker)
Preferred time slot (radio buttons)
Notes (textarea)

Best For

Where teams use this template.

Salon and spa bookings

Consultant appointment scheduling

Medical practice intake

Service business calendars

How to Use

Use the Appointment Booking Form in 7 steps.

1
Open Forms Plugin
Open Forms Plugin inside your Framer project.
2
Open the template gallery
Click Templates in the plugin panel.
3
Pick this template
Select the template from the gallery.
4
Customize natively
Insert it into your Framer canvas, then customize fields, copy, and styling natively.
5
Connect a CRM
Under Integrations, connect HubSpot, Mailchimp, Brevo, or any of 9 native integrations.
6
Add spam protection
Add CAPTCHA if you need it. 5 options available including reCAPTCHA, hCaptcha, and Cloudflare Turnstile.
7
Publish your Framer site
Publish your Framer site. Submissions flow to your connected platforms automatically.

Pair With

Take this template further.

Combine the template with a native integration and advanced form features.

Brevo integration

Trigger a Brevo confirmation email the moment someone books. Add SMS reminders for the day before.

Set it up

Conditional logic

Show, hide, require, or skip fields based on any other answer. 5 actions, AND or OR rules, no code.

See how it works

Multi-step forms in Framer

Split this template across pages with progress indicator, step captions, and conditional page jumps.

Explore multi-step

FAQ

Frequently asked questions.

Yes. Every Forms Plugin template is free on every plan, Basic included.

More Templates

Get Forms Plugin to use this template.

Basic free, Pro $79 lifetime, Scale $99 lifetime. One-time payment. No subscription. All templates included on every plan.

Install Forms Plugin See pricing

Upgrade Your Native
Forms Without Tools

Build advanced, secure forms directly inside Framer. Add powerful fields, built-in protection, and seamless integrations that scale with your projects.

Get this Plugin