The process of booking an appointment through the booking widget is determined by a series of steps. The resulting booking availability (i.e. time slots) shown to clients will depend on the choices made throughout the process.
The flow can be changed to suit your business needs or preference.
① Merchant (i.e. store) selection (optional)
Default behavior: when opening with the widget, this step will be skipped (i.e. a store will be preselected).
If you have multiple stores, you can configure the widget such that clients will be prompted to choose a store amongst a list. To do so, set the bookingFlow property to 'locations' in your widget code; for more info, see here.
② Category Selection (optional)
Once a store has been selected, clients will choose a service category.
③ Service Selection
Next, clients will select a service.
If a service category only presents 1 assigned service (either as a result of your configuration or there simply being only 1 category assigned to the service), you can choose to skip this step. To do so, set the hideSteps property to 'service' in your widget code; for more info, see here.
④ Staff Selection (*depends on settings)
Depending on how your services are configured, a client will be presented with a list of staff to choose from.
If the service has only 1 assigned (and available) staff member, you can choose to skip this step. To do so, set the hideSteps property to 'staff' in your widget code; for more info, see here.
⑤ Time Selection
Depending on how your services are configured, clients will choose a time slot.
Confirmation/Approval
Once the booking process is complete, the appointment will either be automatically approved or sent to staff for manual approval (depending on settings).