Skip to main content

Configure UI settings

  1. At the organization level, click the Configuration icon.

  2. Search for and select the UI Settings setting from the Online booking settings section.

  3. Click Webstore V2 > UI Settings.

  4. To display a search box allowing guests to search for a specific service or a category of services, enable the Service Search Box setting.

  5. To show service categories when the guest books an appointment online, enable the Show Categories setting .

  6. To display a prompt asking guests to log in, enable the Prompt Guest to Login setting.

  7. Enter the text for prompting guests to log in the Text for Login Prompt field.

  8. To display upcoming appointments on the home page, enable the Show Upcoming Appointments setting.

  9. To display the duration of the service, enable the Display Service Duration setting.

  10. To display the service price only when a guest selects the service, enable the Display service price upon selection setting.

  11. To display the service price on the summary page, enable the Display Service Price in Summary setting.

  12. To inform guests whenever there is a price change between the booking start screen and the booking confirmation (Booking Summary) screen, enable the Alert user of price change in confirm booking screen setting.

  13. To display a prompt informing the guest that they must select an add-on, enable the Display mandatory add on selection prompt setting.

  14. To display discounts on the first page (or landing page) of your webstore, enable the Display discounts upfront in advanced marketing pages setting.

  15. To select whether you want to display text descriptions for suggested add-on services, Display description for Service Add on

  16. To display a prompt informing the guest that they must select a location, enable the Mandate guest To select a location setting.

  17. To display a text on the therapist selection screen, in the Text For Employee Selection enter the text.

  18. Click Publish.

Configure Service Category Layout in Webstore

Zenoti Webstore V2 supports flexible service category layouts and a 4-level service catalog hierarchy, allowing businesses to create a more structured, intuitive, and guest-friendly booking experience. This is especially useful for organizations with complex service menus.

With enhanced hierarchy and layout options, businesses can enable:

  • Easier service discovery

  • Cleaner navigation

  • Improved booking experience for guests

Understanding display options: 

Before configuring the layout, it's important to understand the available options:

  • Tab Layout (Required for Horizontal and Vertical)  

    • Displays service categories as clickable tabs at the top of the page.

    • Allows further customization with either a Horizontal or Vertical layout.

    • Works best for businesses with a few service categories, ensuring quick navigation.

  • Dropdown Layout  

    • Displays service categories inside a collapsible menu instead of tabs.

    • Ideal for longer category lists, preventing clutter in the interface.

How to configure service category layout and hierarchy :

  1. At the organization level, click Configuration.

  2. Navigate to Online booking > Online booking settings > Webstore > UI Settings.

  3. From Display service hierarchy levels, select the required option:

    • 3 level

    • 4 level

  4. If 3-Level Hierarchy is selected, choose the layout style:

    • Horizontal: Displays categories side by side.

    • Vertical: Displays categories stacked vertically.

    • To display categories in a collapsible list instead of tabs, select Dropdown.

  5. If 4-Level Hierarchy is selected, Choose one of the supported layouts:

    • Vertical

    • Dropdown

    The 4-level hierarchy does not support the Horizontal tab layout.

  6. Click Publish.

In this section: