The home screen of the CMA V3 consists of a header section, a quick links section, announcement banners, and spotlights.

To configure the Homescreen

  1. At the organization level, click the Admin icon and navigate to Organization > Organizations.

  2. Click the Online Booking tab and click the CMA template.

  3. In the Categories pane, click to expand the Homescreen section.

  4. Configure the following sections:

Header Section

In this section, you can configure the following:

  • Header: Select either an image or a solid color as the home screen header.

    • If you select image, upload the image for both Light Mode and Dark Mode by clicking the Upload button.

    • If you select solid color, you can change the colors for both Light Mode and Dark Mode. Click inside the relevant field and pick a color. Alternatively, you can change the color by entering the hex color codes. (Example: hex color code for red is #FF0000)

  • Enable Salutations: Create a salutation to be used when the guest accesses the app.

    For example, "Hi Sarah, Welcome back."

  • Header Section Text Color: Choose from the following options:

    • Black

    • White

  • Status Bar Text Mode: Choose from the following options:

    • Black

    • White

Quick links Section

In this section, you can add up to six CMA V3 features that are frequently used by your guests. For example, you can add Quick Book, Book Now, and Loyalty.

You can upload an image or icon for each of the features that you’ve added in the Quick links section.

  • If you select image, upload the image for both Light Mode and Dark Mode by clicking the Upload button.

  • If you choose custom color, you can change the colors for both Light Mode and Dark Mode. Click inside the relevant field and pick a color. Alternatively, you can change the color by entering the hex color codes. (Example: hex color code for red is #FF0000)

You can add up to six CMA V3 features that are frequently used by your guests as Quick Links. To add a quick link section, from the Add a Quick Link drop-down, select the relevant quick link.

Announcement Banners

Use this section to create announcement banners that you can display in the home screen.

To add an announcement banner:

  1. In the Web Url box, enter the URL for the target website.

  2. To upload an image, click Upload, and then select the relevant image from your system.

    Resolution: 1400 X 750 px

    Format: jpg, jpeg or png

  3. To add more images, click Add More. You can add upto three images in one announcement banner.

    The order in which you upload these images will be used to decide the order of display of the images in horizontal scroll on the app.

You can add as many announcement banners as required. To add more announcement banners, scroll down, and from the Add Homescreen Section drop-down, select Announcement Banners.

Spotlight Section

Use the Spotlight Section to feature your most important announcements.

To add a spotlight section

  1. Scroll down, and from the Add Homescreen Section drop-down, select Spotlight Section.

  2. In the Title box, enter the title of the announcement.

  3. In the Subtitle box, enter the subtitle of the announcement.

  4. To upload images, click Upload.

  5. In the Web Url box, enter the URL for the target website.

  6. You can add up to 5 five spotlight announcements in each spotlight section.

    To add a spotlight announcement, click Add.

    Note: You can set the order of the announcements by clicking '...' and moving it up/down as required.

To add more spotlight sections, scroll down, and from the Add Homescreen Section drop-down, select Spotlight Section.

Did this answer your question?