> For the complete documentation index, see [llms.txt](https://docs.appmysite.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appmysite.com/app/navigation/menu/web-to-app-menu.md).

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

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

#### 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**](https://app.appmysite.com/app/menu) from the side menu.
* Turn 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 customize the menu specifically for your app.

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

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

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

{% content-ref url="/pages/Tak77L1fu6soAxShFXuz" %}
[Menu settings](/app/navigation/menu/menu-settings.md)
{% endcontent-ref %}

{% 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmysite.com/app/navigation/menu/web-to-app-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.