> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-nav/build-your-nav/how-do-i-add-products-to-my-nav.md).

# How do I add Products to my Nav?

{% stepper %}
{% step %}

### You can add product sliders from 3 different places in the Nav editor. They can be nested in both Menu's and Sub Menu's.

{% endstep %}

{% step %}

### You can add it by clicking on the Add Menu Item,

<figure><img src="/files/BGidqFFUu2tpZoflpmva" alt="How do I add Products to my Nav? — step 2"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### By clicking on the Add button,

<figure><img src="/files/Myb1h9psmupktNJnguyI" alt="How do I add Products to my Nav? — step 3"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Or by clicking on the 'Add menu Item' in the edit Menu.

<figure><img src="/files/TOxgT85IYI3Bw3a60AXC" alt="How do I add Products to my Nav? — step 4"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Now, select 'Products'.

<figure><img src="/files/8fC998HixGFljeU2UKyi" alt="How do I add Products to my Nav? — step 5"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Select the layout you want and click 'Add'. You can choose from a Grid or Slider layout.

<figure><img src="/files/kQCELhGVdFAreH8KBQ9x" alt="How do I add Products to my Nav? — step 6"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Once added, you can click on edit to customize the attributes.

<figure><img src="/files/fksSLlNgx6f5q8ZIEbG2" alt="How do I add Products to my Nav? — step 7"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You can add the Name, Description, Link, Images & Videos and you can control the visibility of the category.

<figure><img src="/files/QIgYi4NSlPPnL3WM7FhJ" alt="How do I add Products to my Nav? — step 8"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Once done, click on 'Products' to select the ones which you want to add to the collection.

<figure><img src="/files/fSWEY9Ash2yepkkgxgtl" alt="How do I add Products to my Nav? — step 9"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You can use the "Search by product title or ID..." field.

<figure><img src="/files/HIONRWHGwopEtz3wnmB2" alt="How do I add Products to my Nav? — step 10"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Click 'Done'.

<figure><img src="/files/VEmU774jlZ2fdAcumOOi" alt="How do I add Products to my Nav? — step 11"><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-nav/build-your-nav/how-do-i-add-products-to-my-nav.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.