Timetable

Bookings

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.

Next Steps

  1. Open this example in the Editor to work with the template.

  2. Publish the site and refresh your browser so the Bookings collections appear in the Database.

  3. Learn how to work with examples in Corvid.

Example Code

arrow&v

Example Demonstrates

wix-storage API

wix-bookings API

wix-data API

More Resources

To start using Corvid:  Go to the Wix Editor > Dev Mode > Turn on Dev Mode