Skip to main content

Mobile App Design: Menu Settings

Written by Marija Golubovic

Overview

This article explains how Admin users can organize modifiers and set a menu disclaimer through the Admin dashboard.

  • The Menu Modifier section controls how guests move through required and optional modifier groups when customizing a menu item

  • The Menu Disclaimer displays at the bottom of the menu page in the ordering platform and supports an optional hyperlink that directs guests to a page with additional information about company policies and procedures.

Menu Modifier - modifier group behavior

In the Menu Modifier section, we can customize how guests navigate the required and optional modifier groups when customizing a menu item. First, we can choose whether to enable auto-scrolling. If the Enable Universal Auto-Scrolling is inactive, guests will have to navigate through the item page to complete required selections. Once we set this toggle to active, we can introduce a more intuitive experience:

  • Legacy Default:

    • Autoscroll fires only inside required modifier groups, guiding guests to complete required selections. Required groups nest to the top.

    • Once the last required group is answered, autoscroll stops. Optional selections don't trigger any scroll, so guests scroll manually to reach optional items.

    • It expedites the ordering experience and allows guests to add items to the cart with ease.

  • Total Guided:

    • The more advanced option, which takes guests through all modifier groups, required and optional. It extends the user journey through the item page and allows a more exploratory, in-depth experience of the modification options. Autoscroll is active for all groups. It starts in the Default groups and smoothly carries guests through the Optional groups until the end of the page.

  • These options are mutually exclusive, and to confirm our choice, we must select the Save button.


Menu Disclaimer Configuration

To set up a disclaimer text in the footer of the Menu page, go to Admin dashboard

Step 1: Select Design > Mobile App > Menu

Step 2: Scroll to the Menu Disclaimer section

Step 3: Set the Enable Menu Disclaimer toggle to active

Step 4: Add Menu Disclaimer Text

Step 5: Add the Hyperlink text and URL with additional details related to the menu disclaimer.

Step 6: Select +Add button to store the Hyperlink details

Step 7: Select the Save button

Here's how the disclaimer looks on the Menu page of the mobile app.

Did this answer your question?