Show All Your Services on One Page

If you offer several services, such as different classes or tours, you can show them together on one page. There are two ways:

• Collection widget — a grid of cards, one per service, with the next open times. Needs the Pro plan or higher.
• Event Calendar — a month calendar that shows which services run on each day. All plans.

Both are set up in Settings > Widgets and App Extensions.

Collection widget (a grid of services)#

Choose the services#

1. Click Settings in the app menu, then Widgets and App Extensions.
2. Choose Collection widget.
3. Click Add events or services to collection and pick each service you want to show.
4. To change their order, click Reorder and drag them.
5. Choose what each card shows: Show Product Description, Show Price, Show Duration, Show Attendees Per Timeslot.
6. Optional: check Show Filter Bar so customers can filter by location, date, time, and number of guests.
7. Optional: check Hide Next Available Times to show only a Select a time button on each card.
8. Click Save. The preview updates.

New services are not added by themselves. When you add a service, come back and add it here.

Put it on a page#

1. On the same screen, click Add to theme. Your theme editor opens.
2. Go to the page you want, click Add section, and under Apps choose Event Collection Grid.
3. Optional: type a location in Location filter to show only the services at one location.
4. Click Save.

With the filter bar#

Customers pick a location, date, time of day, and number of guests, then click Check Availability. Only services that fit are shown. When they choose one, the booking calendar opens on the date and group size they picked.

Event Calendar (a month of everything)#

The Event Calendar shows a month. Each day lists the services that run that day. Customers click a day to see every open time. They can also switch to a list view.

1. Go to Settings > Widgets and App Extensions and choose Event Calendar.
2. Choose what customers see first: View on large screens and View on small screens (calendar or list). List is easier to use on phones.
3. Click Save.
4. Click Add to theme, add the Event Calendar block to a page, and click Save in the theme editor.