# Main Menu

Two steps for setting up menus by linking Page or Categories : 

1. Creating **Page/Category**:

Tutorial to **create pages**: [Pages](/en/online-store/pages/build-pages.md)

{% content-ref url="/pages/8zufc6fjDRRzeeIL3uTy" %}
[Build pages](/en/online-store/pages/build-pages.md)
{% endcontent-ref %}

Tutorial to **create Categories**: [Categories](/en/products/categories.md)

{% content-ref url="/pages/YVUFoO3KXvYBA9b4vZcD" %}
[Categories](/en/products/categories.md)
{% endcontent-ref %}

## **Part 1 : Create Main menu**.

Log in to your account and head over to dashboard **Online Store** -> **Menus** and you will see this section.

![](/files/cI9GzM1hEBHZyrz7nYJM)

Click on the word **Main Menu**. A display similar to the one below will appear. Be advised there are tabs for the **Menu** and also tabs for **Menu Items**. 

{% hint style="info" %}
Note: **Pages** or **Categories** should only be added to the **Menu Items** and <mark style="color:red;">**not the Menu**</mark>.
{% endhint %}

![](/files/xfNxA4YQWATvoe9rpWWC)

## Part 2 : Create Menu Items

Click the **Menu Items** tab and make sure this kind of section comes out then click on **Menu items.**

{% hint style="info" %} <mark style="color:red;">**Note**</mark>: **Pages** or **Categories** should only be added to the **Menu Items** and <mark style="color:red;">**not the Menu**</mark>.
{% endhint %}

![](/files/eQt4oVQWeiph3XKoV3QY)

Next, click the "**Add menu item**" button. In the **Title** field, enter any name that represents your **page**.&#x20;

In the link field, **only enter the handle.**&#x20;

* **Pages**: **/pages/your-page-name**&#x20;
* **Categories**: **/categories/your-category-name**

{% hint style="info" %}
\*\*<mark style="color:red;">**Attention**</mark>: Make sure you <mark style="color:red;">**do not**</mark>**&#x20;put a space** between **/** and your **page name**. Same goes with categories.
{% endhint %}

For example:

* **/pages/your-page-name** ✅
* **/pages/**<mark style="color:red;">**<->**</mark>**your-page-name**❌

### 1 : To get the link for Pages&#x20;

There are **two ways** to get the link according to your builder interface:&#x20;

1. **Pages**: Go to **Online store** -> **Pages** -> click on the **Edit** button on the **Page** name and copy the **URL**.

![](/files/-MBcdI5yhwTji5x4SY_8)

2. **Pages**: Go to **Online store** -> **Pages**-> **Edit** -> **More** -> **Settings** -> **SEO** -> copy **URL**.

<figure><img src="/files/IdL86YIf2ulusWuKs1O2" alt=""><figcaption></figcaption></figure>

### 2 : To get Link for Categories

**Categories**: go to **Products** -> **Categories** -> click **Edit** on **categories** -> click **SEO** tab copy **URL**

![](/files/-MBcdPKYpnsNmZYQF_v3)

Paste the **URL** in Link **textfield**. The example are below.

{% hint style="info" %} <mark style="color:red;">**Note**</mark>: Please ensure that the **spelling in the Link menu items** that you have **copied from SEO** **Pages** and **SEO Categories** is the <mark style="color:red;">**same**</mark>.
{% endhint %}

![](/files/-MBcdY5gRDWVIGNhiXpz)

Click Add button and you will see new menu list on your web.

![](/files/-MBcdg1sWdKLKU4cSTPt)

## Part 3 : Function of Drag and Drop&#x20;

### 1 : Dropdown Menu

You can also perform the **Drag and Drop function** on your **menu items**. Simply hover the mouse pointer to the arrow icon and click to **DRAG and DROP.**

<figure><img src="/files/LMFRdPKeaUnyZKju64sV" alt=""><figcaption></figcaption></figure>

And then, you will be able to see the display on the **menu on your website has changed.**

<figure><img src="/files/tOdtjd4cDk7C3yxmKvDr" alt=""><figcaption></figcaption></figure>

### 2 : Dropdown Header Link

If you want to create a **header for a menu** <mark style="color:red;">**without**</mark>**&#x20;a specific link**, you just need to **put a /** in the **Link field (1)**. After that, you can press the **Save button (2)**.

<figure><img src="/files/19BCf1j704205tzpbFoK" alt=""><figcaption></figcaption></figure>

Your menu display will look like the following:

<figure><img src="/files/g6uyEaovja82iP36X1Ky" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The tier dropdown can only be created up to **3 tiers** only.
{% endhint %}


---

# Agent Instructions: 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.shoppego.com/en/online-store/menus/main-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.