# WordPress menu

### How to add a menu to WordPress app?

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

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

**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, navigate to [**Navigation** < **Menu**](https://app.appmysite.com/app/menu) from the side bar.
* Turn on the “Enable menu” toggle.

**Step 2: Configure the primary menu**

Turn on the Primary menu toggle and choose between the two options:&#x20;

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

* **Option 1: Create your own menu**
  * Build a custom menu specifically for your app by adding, removing, and reordering items as needed.
* **Option 2: Sync with my WordPress menu**
  * If your app is synced with a WordPress website, you can choose to import the menu structure directly from your website. To do this, turn the “Sync with my WordPress menu” toggle on and choose the items you want to display in your app menu.

{% hint style="warning" %}
Enabling the "Sync with my WordPress menu" toggle allows you to sync your WordPress menu with the secondary menu.
{% endhint %}

**Step 3: Configure the 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 %}

* By default, the secondary menu includes options such as email, call, and share.
* However, you can customize this by adding additional items based 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**

* Click on Add Item to include pages, categories, or custom links to the menu.
* For each item, you will need to specify:
  * Title: The label that will appear on the menu.
  * Link: The page or section the menu item links to.
  * Icon: You can add an icon next to the menu label for a better visual appeal.

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 %}

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

**Step 5: 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.
