> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigation

> Create navigation menu items for your website, arrange them hierarchically, and link them to pages or URLs.

The navigation represents the menu of your website: main navigation, submenus, footer, etc. You manage the menu items under **Structure → Navigation** and link them to pages, external URLs, or categories.

## Creating a new menu item

Open **Structure → Navigation** in the sidebar and click **+ New**.

<Steps>
  <Step title="General">
    * **Code**: Unique technical identifier (lowercase, no spaces or umlauts)
    * **Name**: Display name of the menu item on the website
    * **Use menu item as**: Type of the menu item (see [Menu item types](#menüpunkt-typen))
    * **Select template**: Optional: assign a [page template](/docs/en/dynamic-content/user-guide/seitenvorlagen)
    * **Landing page (full width)**: Hides the page navigation and displays the page across the full width

    Depending on the selected type, a corresponding follow-up field appears (e.g. **Select page** for "Assign page").
  </Step>

  <Step title="Controlling publication">
    * **Active**: Makes the menu item visible on the website
    * **Valid from** / **Valid until**: Time-controlled visibility (e.g. for seasonal menu items)
  </Step>

  <Step title="Meta data (optional)">
    <Info>
      If you enable **Meta Nofollow**, search engines will not include the link in their ranking calculation.
    </Info>
  </Step>

  <Step title="Save">
    Click **Save** or **Save and close**.
  </Step>
</Steps>

## Menu item types

Using **Use menu item as**, you define where the menu item points to. Depending on the selection, the form displays corresponding follow-up fields.

<AccordionGroup>
  <Accordion title="Assign page">
    Links directly to one of your existing pages. Select the target page from the **Select page** dropdown.
  </Accordion>

  <Accordion title="Internal redirect">
    Redirects to another page of your website, which you select in the dropdown.
  </Accordion>

  <Accordion title="External redirect">
    Redirects to an external URL. Enter the full target URL.
  </Accordion>

  <Accordion title="Placeholder">
    A pure structural item without a target, useful as a parent item for a submenu.
  </Accordion>

  <Accordion title="Internal path redirect">
    Like "Internal redirect", but the URL is entered directly instead of being selected from a page list.
  </Accordion>

  <Accordion title="Category redirect">
    Redirects to an item category of your web shop.
  </Accordion>
</AccordionGroup>

## Arranging menu items hierarchically

Menu items can be nested, e.g. a main item **Service** with submenu items **FAQ** and **Contact**. Using the arrow next to a menu item, you expand or collapse its subitems.

There are two ways to arrange menu items:

* **Drag & drop**: Click and hold a menu item and drag it to the desired position
* **Toolbar**: Select a menu item and use the arrows in the toolbar:

| Action            | Effect                                              |
| ----------------- | --------------------------------------------------- |
| **Up** / **Down** | Change the order within the same level              |
| **Right**         | The menu item becomes a subitem of the one above it |
| **Left**          | The menu item moves back one hierarchy level        |

## Editing a menu item

Double-click a menu item or select it and click **Edit** in the toolbar. Using **Edit page** in the edit dialog, you jump directly to the linked page.

## Deleting a menu item

Select a menu item and click **Delete** in the toolbar.

<Warning>
  When deleting a menu item with subitems, its subitems are also removed. This action cannot be undone.
</Warning>

## Related topics

<CardGroup cols={2}>
  <Card title="Creating pages" icon="file-circle-plus" href="/docs/en/dynamic-content/user-guide/seiten-erstellen">
    Create pages that are made available in the navigation.
  </Card>

  <Card title="Shopping worlds" icon="bag-shopping" href="/docs/en/dynamic-content/user-guide/einkaufswelten">
    Link pages with item categories.
  </Card>

  <Card title="Redirects" icon="route" href="/docs/en/dynamic-content/user-guide/weiterleitungen">
    Set up URL redirects to complement the navigation.
  </Card>
</CardGroup>
