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.
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
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.
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.
Kepler Studio
