Page Comparison

Set the Preferred Facilities

If it’s the user’s first time trying to view/book a class, whenever the user clicks on a web category related to Classes or the ‘Classes’ menu on the bottom navigation panel, the following pop-up will be shown.

When the user click on the ‘OKAY’ button, he will be directed to another screen, where the facilities can be filtered and selected as the preferred facilities.

Classes - List Cards

Info card of a class included within the membership

In the card view for a class that is included within the membership, the class name, cover image, start time, duration, available slots, instructor name, city, facility, and room will be stated.

Info card of a class that should be paid

In the card view for a class that is included within the membership, the class name, cover image, start time, duration, available slots, instructor name, city, facility, room, and the payable price will be stated. For the classes that should be paid directly, only the price will be shown and for the classes where value cards can be redeemed to settle the payments, a ‘value card’ icon will be shown near the price value.

Class Card Variations based on different Settings

Assume a scenario with 20 slots in total where 5 are booked,

Based on the two settings showAvailableSlots and showNumberOfParticipants, the following variations can be identified. By using various combinations of these two settings, you can customize the way how you need to show available slots for the classes.

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> FALSE

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> FALSE

showAvailableSlots >>> TRUE
showNumberOfParticipants >>> TRUE

showAvailableSlots >>> FALSE
showNumberOfParticipants >>> TRUE

filterGroupActivitiesByInstructor - Whether to show the instructor filter

showGroupActivityEmployeeResourceNames - Whether to show instructors of a group activity

showGroupActivityRoomResourceNames - Whether to show the location of a group activity

Purchase Flows of Different Class Types

Based on the nature of the class, there can be 3 different flows as explained here.

First, the user can select one of the info cards that relate to a specific class from the Class List View.

Booking a class included within the membership

The user will be shown the respective ‘Join Class’ screen. This screen will show all the necessary details that should be known before you book a slot. By clicking on the ‘JOIN CLASS’ button, a slot can be booked from the class you wish and the user will be directed to the ‘Booking Confirmation’ screen. At this point, the user can click on the ‘ADD TO CALENDAR’ button to add an entry to the mobile phone’s native calendar.

If you are trying to book a class that should be paid directly (“Pay for class”)

The user will be shown the respective ‘Add to Cart’ screen. This screen will show all the necessary details including the ‘Price’ that should be known before booking a slot.

If you are trying to book a class by redeeming a value card

The user will be shown the respective ‘Add to Cart’ screen. This screen will show all the necessary details including the ‘Price’ that should be known before booking a slot. Importantly, on this screen, the number of value cards that are readily available to redeem in place will be shown to the user.

Using ' BOOK WITH VALUR CARD', users can complete the class booking on the same go without adding it to the shopping cart or before switching to any other flows. By selecting the ‘ADD TO CART’, they can add the class to the shopping cart and checkout along with any other item that’ll be added to the cart.

The following settings are used,

• payWithValueCardEnabled - To enable pay for classes with value cards

• hideInvalidValueCards - To enable pay for classes with invalid value cards

Class Bookings - Info Cards

There are a few different statuses to which a certain class booking might fall during its life cycle.

A Booked Class

A ‘Booked Class’ will be indicated in ‘Green’ as shown below. This type of bookings can easily be identified from the ‘Booked’ tag.

Waiting List Enabled

When a class is fully booked and the ‘waiting list’ setting is enabled, the users will be allowed to join the waiting list. Here, if someone who booked a slot cancels, that empty slot will be given to users in the waiting list. Normally, these types of classes are shown in ‘Brown’. Once the ‘waiting list’ is enabled for a given class, it’ll be shown on the info card itself with the number of users waiting in the queue.

In the Waiting List

Whenever a user enters a waiting list, in the corresponding info card, his spot on the waiting list will be shown. This type of bookings can easily be identified from the ‘In queue’ tag.

Cancelled Booking

A class can be cancelled by the instructor if there occurs any inconvenience. Any cancelled class will be marked in ’Red' color and this type of bookings can easily be identified from the ‘Cancelled’ tag.

Drop-In Classes

If a certain class cannot be booked via the mobile app, and the users can join those classes by visiting the respective facility, they are marked as ‘Drop-In’ classes and shown in the ‘Grey’ color.

The number of drop-in slots can be configured from the Back Office.

First Available Date

The list of classes usually starts from the first date when there exist scheduled classes. If there aren’t classes scheduled for a certain date or a date range, it’ll be shown as follows, so that you won’t get confused. Also, even if there’s a date somewhere in the middle, without any classes, they will be marked as shown in the following snapshots.

No-Show Fees

If no-show fees are enabled, whenever the users miss to attend the booked classes, they will be charged a no-show fee that they should settle to be eligible to book other classes. If you are a user who has missed classes and is no longer allowed to book classes through the app, you will be notified to pay the due No-Show fee and allows you to complete the payment to immediately go on booking.

The No- Shows can be enabled using the Automatic cancellation of noshows as shown in the screenshot below.

Enable always show classes

1. Go to BRP configuration

Image Removed

2. Go to Settings → Web and App → Select the relevant app.

   Image Removed

3. Enable the 'Always show “Classes” in the bottom menu' setting.

   Image Removed

You should now always be able to view classes.

Bottom Menu for Classes

It is possible to only show group activities in the “Classes” section (bottom menu of the app), without using a web category for group activity products. In the “Classes” section of the app, users can filter out all group activitites and facilities that are enabled to be shown in the app and web.

Image Added

Configuration

BRP Configuration → Web and app → Apps

1. Enable the “Always show ‘Classes’ in the bottom menu” checkbox.

Image Added

Enabling the waiting list for a Class

1. Go to BRP configuration

2. Go to Settings

3. Search for the “waiting list" setting

4. Enable the setting

Prototype