Web Applications: Client Web App settings

This article describes all the Client Web App settings that can be customized to suit your business needs, as described in Customizing your web applications.

SettingDescription
Website layoutSelect one of four layout designs for the Client Web App. Minor aesthetic changes are represented in the images.

Layout 1 includes a main menu and a submenu in close proximity, offset slightly to the right. The main menu is aligned to the right, while the submenu is aligned to the left.

Layout 2 drops the submenu into the main window pane. The alignment of the menus remains the same as in Layout 1.

Layout 3 moves the submenu back into its original location. Both menus are aligned to the left. The client's profile menu is separated from the main menu and justified to the right side on its own.

Layout 4 moves the submenu back into the main window pane. Like Layout 3, both menus are justified to the left. The client's profile menu is again separated from the main menu, and is placed in the top right corner of the page.

Layouts 1 and 3 have submenus with customizable colors. These options are not available for Layouts 2 and 4.
Website colors
  • Background color - Select a color for the website's background. This is illustrated in the layout images in light blue.
  • Business name color - Select a color for the business name.
Menu colors
  • Background color - Select a color for the background of the main menu.
  • Element color - Select a color for the text and icon of each main menu element (link).
  • Hover color - Select a color for the text and icon of each main menu element (link) when a computer's cursor is placed over it.
  • Pressed color - Select a color for the text and icon of each main menu element (link) when it is selected.
Submenu colors
  • Background color - Select a color for the background of the submenu.
  • Element color - Select a color for the text and icon of each submenu element (link).
  • Hover color - Select a color for the text and icon of each submenu element (link) when a computer's cursor is placed over it.
  • Pressed color - Select a color for the text and icon of each submenu element (link) when it is selected.
NoteSubmenu colors can only be modified for Layouts 1 and 3.
LogoUpload the logo for your business. This is displayed depending on the layout selected under Website layout, in the shape selected under Logo style.Your Logo should be a 220x100 image, of any file size.
Logo PositionSelect the justification for the logo on the Client Web App, either center, right, or left. Additionally, select whether the business name should be displayed with the logo or not.
Logo styleSelect the logo style. This determines the shape your logo will be displayed as. You can select from the following shapes depending on the shape of your logo:
  • Hide - the logo is hidden from the page.
  • Square - the logo is displayed as a square.
  • Round - the logo is displayed as a circle.
  • Rectangle - the logo is displayed as a rectangle.
Display Header ImageToggle whether you want a background header image to be displayed or not. If this option is set to OFF, the background color is displayed throughout the header.
Header imageUpload the background header image that will be displayed. Note that a higher resolution image will look better, but take longer to load for clients with poor connections (e.g. mobile clients).
Header image styleThe style in which the header image is applied to the Client Web App.
  • Normal - The image is displayed in full resolution and is not repeated horizontally or vertically. This is ideal for images that are high resolution and not patterns. If the image is too small to fill the background of the client's page header, the background color will be displayed.
  • Tiled horizontally - The image is displayed in full resolution and is repeated horizontally. This is ideal if the image is patterned horizontally and has enough vertical resolution to fill a client's browser header. Non-patterned images will look odd as they repeat horizontally. Browser headers that are higher than the vertical of the image will display the background color above and below the repeated image.
  • Tiled - The image is displayed in full resolution and is repeated horizontally and vertically. This is ideal if the image is patterned both horizontally and vertically. Non-patterned images will look odd as they repeat.
Schedule Settings
Show class filter tilesClass filter tiles allow clients to quickly select from the available class types on the schedule. Once selected, the schedule window only displays the relevant classes for quick and easy booking.
Show capacity informationWhen enabled, this options displays the full class capacity, and the remaining spots available for each class displayed on the schedule.
Book Now TabsChoose which Book Now tabs are displayed to clients on the Client Web App. You can also edit the names of the tabs, rearrange the tabs, or create a new tab.
Was this article helpful?
(58 out of 58 people found this article helpful)
Still need help? Contact us
Cancel