Custom app menu

How to add a menu for Custom app?

Adding a menu to your custom app is key for seamless navigation and an improved user experience. Follow these simple steps to configure and add a menu to your app:

Step 1: Log into Your AppMySite Account

• Log in using your AppMySite account credentials.

• Once logged in, go to your app dashboard.

• Go to Navigation < Menu section from the sidebar.

• Enable the menu by turning on the Enable Menu toggle.

Step 2: Configure the primary menu

The primary menu should be designed to guide users toward key content and features that matter most in your app experience.

• Toggle on the Primary menu switch.

• Add, remove, or rearrange items to personalize the menu for your app's structure and content.

Visit the detailed guide to customise the navigation settings:

Menu settings

Step 3: Add a Secondary Menu

The secondary menu lets you include extra navigation options, helping users explore more sections of your app with ease.

• Toggle on the Secondary menu option.

• By default, the secondary menu includes email, call, and share options.

• You can also add custom items like external links or internal app features, depending on your requirements.

Step 4: Add a social menu

The social menu provides users quick access to your social profiles.

• Scroll to the Social menu section

• Enable the toggle to activate the social menu

• Add links to your social media profiles (e.g., Facebook, Instagram, Twitter)

• These links will appear as icons at the bottom of the side menu in the app

Social items open in external browsers and appear with predefined icons on a white background.

Step 5: Add menu items

You can add a variety of items to both the primary and secondary menus.

• Click on Add Item to include settings, login, custom links, chat options, tags, categories, pages, posts, and more.

• For each new item, specify the following:

  • Title: The label that will appear in the menu.

  • Link: The URL or section where the menu item will take users.

  • Icon: Optionally, add an icon for better visual representation.

You can upload custom icons for a personalized look. Alternatively, select icons from the available icon library.

Step 6: Save & Preview the Menu

• After configuring your menu, click Save to apply the changes. Use the App Simulator to preview how the menu will look and function in your app.