Web to App menu

How to add a menu to web to app?

Adding a menu to your Web to App is essential for providing smooth navigation and a user-friendly experience. Follow these steps to configure and add a menu to your app:

Step 1: Log into Your AppMySite Account

• Log into your account using your credentials.

• Once logged in, go to your app dashboard.

• From the dashboard, go to Navigation > Menu from the side menu.

• Turn 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 customize the menu specifically for your app.

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 add custom items to this menu, such as links, depending on your app's 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

To further customize your menu, you can add specific items to both the primary and secondary menus.

• Click on Add Item to include new settings, custom links, chat, and more.

• For each new item, specify:

  • Title: The label that will be displayed in the menu.

  • Link: The page or section where the menu item will redirect users.

  • Icon: Add an icon next to the label for better visual appeal.

Visit the detailed guide to customise the navigation settings:

Menu settings

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.