component
SessionBook
By Kepler Studio
Details
- Kepler StudioAuthor
- componentType
- 2026-06-05Published
- 2026-06-05Updated
- 2026-05-26Added
- FormsCategories
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. 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.
Introduction
Wellness booking form for Framer Forms
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3522