Components· Bookings and appointments
Bookings and appointments
Booking calendar, services and appointments, free times, opening hours, "open now" and rental and car search.
14 components
The examples work in test mode: nothing is saved to a real site, no messages are sent and payments are test payments.
Booking calendar
Section Try it bookingCalendar
A booking calendar: days, courts or rooms and free slots with prices. The visitor picks a slot and pays.
Settings (2)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Resource resourceId | Bookable space | – |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 2 templates
Booking system
Section externalBooking
A button or embed of an external booking system (e.g. Timma, Slotti) when bookings live elsewhere.
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Varaa aika |
Body body | Formatted text | Varaa aika verkossa. Varaus tehdään varausjärje… |
Button label buttonLabel | Text | Varaa aika |
Booking system address bookingUrl | Link | – |
Also show the booking view on the page showEmbed | On / off | false |
Embed URL embedUrl | Link | – |
Embed height (px) embedHeight | Number | – |
Note for the site owner editorHint | Long text | – |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 14 templates
Appointments: services and prices
Section Try it appointmentServices
Appointment services and prices: duration, price and a Book button per service.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Palvelut ja hinnat |
Introduction intro | Formatted text | – |
Design listStyle | Choice | – |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 1 templates
Appointments: staff
Section Try it appointmentStaff
Staff in appointments: who does what, and a time can be booked straight with a given person.
Settings (1)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Henkilökunta |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 1 templates
Appointments: book a time
Section Try it appointmentBooking
Book a time: choosing the service, the person, the day and the time, and confirming, on one page.
Settings (1)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Varaa aika |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 20 templates
All 20 templates
- Gym
- Personal trainer
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Photographer
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Physiotherapy and therapy
- Bicycle shop
- Pharmacy
- Insurance agent
Next free times
Section Try it nextFreeTimes
Next free times: the nearest free slots right on the front page, each leading to booking.
Settings (11)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Seuraavat vapaat ajat |
Where the times come from source | Choice | Automatically |
View mode | Choice | Next free times |
Service service | Service | – |
Employee staff | Text | – |
Group of courts category | Text | – |
Number of times count | Number | 4 |
Link of a free day requestUrl | Link | – |
Date field of the form requestField | Text | – |
Own booking system elsewhere externalUrl | Link | – |
Name of the booking system externalName | Text | – |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 23 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Massage or treatment clinic
- Barber or hair salon
- Personal trainer
All 23 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Massage or treatment clinic
- Barber or hair salon
- Personal trainer
- Car repair shop
- Tyre shop and tyre hotel
- Vehicle inspection
- Car wash
- Piano school and music lessons
- Physiotherapy: booking first
- Photographer
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Bicycle shop
- Pharmacy
Lunch menu
Section lunchMenu
Lunch menu: the week's lunch from the admin with today's highlighted, prices, diet labels and the origin of meat.
Settings (5)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Tämän viikon lounas |
Show show | Choice | Whole week |
Days days | Number | 4 |
Show what the labels mean legend | On / off | true |
Show lunch hours, prices and other details info | On / off | true |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 1 templates
Court status
Section facilityStatus
Court status: courts, lanes or slopes open, limited or closed now, with the reason and update time; staff change it with one tap.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Kenttien tila nyt |
Show view | Choice | All courts |
Only category category | Text | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 3 templates
Opening hours
Section openingHours
Opening hours by weekday and exceptional hours on holidays.
Settings (2)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Aukioloajat |
Extra information (e.g. location or public holidays) note | Formatted text | – |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 19 templates
All 19 templates
- Personal trainer
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Body shop
- Piano school and music lessons
- Cleaning service
- Law firm
- Accounting firm
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Bicycle shop
- Care home and day care
- Chimney sweep
Open now / on call
Section statusNow
Open now / on call: tells by the clock whether the place is open now and when it closes or opens.
Settings (17)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
What it shows mode | Choice | Open now (opening hours) |
Opening hours hours | Long text | ma–pe | 8–16 la | 10–14 su | suljettu |
Days with other hours exceptions | Long text | – |
Phone number phone | Text | – |
Call button text callLabel | Text | – |
Call button shows callWhen | Choice | Only during opening hours |
Response time responseTime | Text | – |
Second button secondaryLabel | Text | – |
Second button link secondaryUrl | Link | – |
On call around the clock oncallAlways | On / off | – |
On-call number oncallPhone | Text | – |
About the on-call service oncallText | Text | – |
Kitchen closes before closing (min) kitchenClosesBefore | Number | – |
Share my location shareLocation | Choice | No |
Show the week’s hours showWeek | On / off | true |
Source of the hours hoursSource | Choice | Appointments when in use |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 11 templates
Rental quick search
Section Try it rentalSearch
A quick rental search: a date range and an item, and the visitor sees at once what is free.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Vapaat ja hinnat |
Introduction intro | Formatted text | – |
Rental category category | Text | – |
Ask the pickup and return times too times | On / off | false |
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 3 templates
Car search
Section Try it carSearch
A car search: make, model, price and year filter the cars for sale.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Etsi autoa |
Introduction intro | Formatted text | – |
Category address (e.g. rackets/padel, empty = all) category | Text | – |
All cars page allLink | Link | – |
Accessibility
Every field has a visible label, a required field says so in text, errors are announced and lead to the field, and autocomplete fills in familiar details. Touch targets are at least 44 px.
Used in 1 templates
Resource list
Section resourceList
Bookable spaces as a list: courts, rooms or equipment with descriptions and prices.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Resource group resourceGroup | Bookable space | – |
Limit limit | Number | 12 |
Show prices showPrices | On / off | true |
Accessibility
Tables have header cells and a caption, lists are real lists and dates are in a readable form. A chart's numbers are available as text too.
Used in 1 templates
Ajanvarauksen sivu
Section appointmentPage
The appointment page holder: choosing a service and a time and confirming.
No live example: the section draws the platform's own appointment page. Try booking an appointment in the hair salon or clinic template's preview.
Accessibility
Free and taken are told apart in text, not by colour alone. Choosing a day and a time works with a keyboard, the chosen item is announced (aria-current or aria-pressed), and prices are readable text.
Used in 0 templates
The platform adds this to its own pages itself; it is not added in the editor.