Let customers book sessions using a class schedule.
Play with the example below to see what you can do:
Open this example as a template so you can see how everything works in the Editor.
What We Built
In this example, site visitors are presented with a schedule of upcoming classes. They navigate the class schedule by choosing a day and are then presented with all the available classes on that day.
How We Built It
Visitors browse classes on the Schedule page. The main elements of the page are two repeaters. The first repeater displays a list of days. The second repeater displays the classes scheduled on a given day. When a visitor selects a day in the first repeater, the Bookings API is used to retrieve the service slots available for that day and display them in the second repeater.
When a visitor chooses a service to book, a lightbox with a form is shown to collect booking information. When the form is submitted, the Bookings API is used to book the service.
After the service is booked successfully, a thank you page is shown with a confirmation of the booking details. The details are passed from the booking form lightbox to the thank you page using the Storage API.
Open this example in the Editor to work with the template.
Publish the site and refresh your browser so the Bookings collections appear in the Database.
Learn how to work with examples in Corvid.
To start using Corvid: Go to the Wix Editor > Dev Mode > Turn on Dev Mode