Skip to content

component

SessionBook

By Kepler Studio

Details

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.

110012001300139118/148/228/309/79/15
  • All · #3522