Service Page

Bookings

Create a custom service page with related products for sale.

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, a site visitor can book a class from a custom service page, as well as purchase store products related to the class.

How We Built It

The Collection We Added: Extra_Booking_Info

In addition to the standard Bookings and Stores collections, we also created an Extra_Booking_Info collection, which includes the following fields:

  • facility: Name of room class is located in.

  • Service: Reference field with the name of the class (service) from the Bookings/Services collection.

  • Related Products: Multi-item reference field listing all products from the Stores/Products collection related to the class.

Custom Service Page

Each class has its own dynamic page that displays custom service information such as class duration, meeting room, and a schedule. The custom information is pulled from the Bookings/Schedule, Bookings/Services, and Extra_Booking_Info collections. Visitors can navigate between the service pages using Previous and Next buttons.​

Related Products

Visitors can also scroll to the bottom of each service page to a related products area. They can purchase store products related to the current class, as defined in the Extra_Booking_Info collection.

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 Bookings Collection

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