---
title: "SessionBook — Free Framer component · Best of Framer"
description: "Free Framer component · by Kepler Studio · Forms. SessionBook guides clients through three focused steps: pick a service, choose a date and time, then enter their details."
canonical: "https://framer.elliotli.dev/component/sessionbook"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/SessionBook

# SessionBook

Wellness booking form for Framer Forms

[View on Framer](https://framer.com/marketplace/components/sessionbook/?via=elliot-li)

![SessionBook preview image 1](https://framer.elliotli.dev/og/component/sessionbook/ed506f46f33f91cb/1600x1200.jpg)

## Summary

SessionBook guides clients through three focused steps: pick a service, choose a date and time, then enter their details.

## Description

SessionBook guides clients through three focused steps: pick a service, choose a date and time, then enter their details. On submission, a confirmation screen appears and the booking data is sent to you via Framer's native Form Stack.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ku2cvbf6-B3l70uu3BrsrCmWlAM9QRNAwA76c35)

**HOW TO SET UP**

1\. Drag a Framer Form Stack onto your canvas

2\. Delete the default fields inside it

3\. Drop SessionBook into the Form Stack

4\. Connect the Email action on the Form Stack — done

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ku2cvbf6-JlnYLZSsGIO7pcNx6KL7mg1s30VH7O)

Every submission sends you: service name, duration, price, date, time, client name, email, and optional phone and notes.

**WHAT YOU CAN CUSTOMIZE**

Services — Add as many as you need, each with title, duration, price, and description. Time slots update automatically based on the selected service duration.

Schedule — Set available days, working hours, buffer time between sessions, booking window, and specific blocked dates or times.

Design — Full color, font, corner radius, and button style controls. Matches any brand.

Content — Edit all labels and the confirmation message. Use {name}, {service}, {date}, and {time} as placeholders in the success message.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ku2cvbf6-sBPhCrpQb9Jr47wq6d9gTazRtrASyZ)

PREVIEW SCREEN PROPERTY

Use the Preview Screen property control on the canvas to jump to any step — Service Selection, Date & Time, Client Details, or Success — without clicking through the flow.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6178

## Details

- **Author**: Kepler Studio
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-05-26
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from