# 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:

{% embed url="<https://scribehow.com/shared/Custom_app_menu__tOMQmVXuQRmjoGySubuoXw>" %}

#### 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**](https://app.appmysite.com/app/menu) section from the sidebar.
* Enable the menu by turning on the Enable Menu toggle.

#### Step 2: Configure the primary menu

{% hint style="success" %}
The primary menu should be designed to guide users toward key content and features that matter most in your app experience.
{% endhint %}

* 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**](https://docs.appmysite.com/app/navigation/menu/menu-settings):&#x20;

{% content-ref url="menu-settings" %}
[menu-settings](https://docs.appmysite.com/app/navigation/menu/menu-settings)
{% endcontent-ref %}

#### Step 3: Add a Secondary Menu

{% hint style="success" %}
The secondary menu lets you include extra navigation options, helping users explore more sections of your app with ease.
{% endhint %}

* 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

{% hint style="warning" %}
Social items open in external browsers and appear with predefined icons on a white background.
{% endhint %}

#### 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.

{% hint style="success" %}
You can upload custom icons for a personalized look. Alternatively, select icons from the available icon library.
{% endhint %}

#### 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.
