---
title: "Menu Section - App Extension"
description: "Create a new navigation level and organize your sections with the Menu extension."
canonical_url: "https://www.goodbarber.com/extensions/menu-section/"
lang: en
---

# Menu Section - App Extension

![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[View more extensions](https://www.goodbarber.com/extensions/)

![illustration for Menu Section](https://portal.ww-cdn.com/portal_static/images/addons/node_thumb.23c520ebc282.jpg)

# Menu Section

Create a new navigation level and organize your sections with the Menu extension.

![](https://portal.ww-cdn.com/portal_static/svg/marketplace_featurelabel_builtin_clear.9e06a5b1c633.svg)Built by GoodBarber

This feature is developed and maintained by the GoodBarber team

|For Content apps|Free

## A Menu section to revolutionize the architecture of your app

Integrate one or more Menu sections to your app and make it easy to access your content.

Adding a multi-level navigation to your GoodBarber app allows you to dynamize your app and optimize your users' navigation. In addition to the main navigation and the Home, the menu section allows you to create different levels of navigation in your app. Thanks to this extension, you have the possibility to group several sections together through a custom tree structure. You can organize your sections as you wish and create a custom navigation, totally adapted to your content. Find out more about this extension and its main features.

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Title, image or icon

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Unlimited tree structure and number of sections

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Up to 4 levels of navigation

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Modular design

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  Customizable font and colors

- ![](https://portal.ww-cdn.com/portal_static/svg/fapro/solid/check.d0892f7fc30d.svg)

  10 Templates available

![](https://portal.ww-cdn.com/portal_static/images/addons/node_phone-screen.d96e9520c2bb.jpg)

## How to integrate a Menu section to my app?

Create a new Menu in just a few minutes

The integration of this extension to your app is simple and can be done in 3 steps:

- 1

  In the right menu, click on "Add a section".

- 2

  Select the "Menu" extension to integrate it to your app

- 3

  Choose a name for your new section, and click Add.

For a detailed step-by-step guide, check out our [online help](/help/filters-categories-and-multi-level-menu-section-r85/menu-section-extra-navigation-level-a168/).

## Your Menu now integrated to your app!

![](https://portal.ww-cdn.com/portal_static/images/addons/node_back.f566305abb34.jpg)

Once you have activated the extension, a new Menu section will appear in your app. You will be able to rename it and add sections inside your new Menu by dragging and dropping an existing section, or by adding a new section directly from the Menu.

As for the other sections of your app you will be able to modify the design of the Menu section.

## Associated extensions

[illustration for Form FormInteract with your app users and collect data with GoodBarber's Form integration.Free](https://www.goodbarber.com/extensions/form/)

[illustration for Submission Section Submission SectionUser-generated content integrated into your app. Interact with your audience, thanks to the GoodBarber Submission SectionFree](https://www.goodbarber.com/extensions/content-submission/)

[illustration for App Walkthrough App WalkthroughCreate an integrated tutorial and guide your users through the first launch of your app$5/month](https://www.goodbarber.com/extensions/walkthrough/)

[illustration for Offline OfflineYour app's content available even without a connectionFree](https://www.goodbarber.com/extensions/offline-mode/)

[illustration for AI Assistant AI AssistantSimplify content creation with AI Assistant, powered by OpenAIFree](https://www.goodbarber.com/extensions/ai-assistant/)

[illustration for Meta Title &amp; Meta Description Meta Title & Meta DescriptionOptimize your PWA's SEO and visibility with effective meta tags.Free](https://www.goodbarber.com/extensions/meta-title-description/)

[illustration for Google Sitemap &amp; Search Console Google Sitemap & Search ConsoleOptimize your PWA's visibility on Google.Free](https://www.goodbarber.com/extensions/sitemap-search-console/)

[illustration for Custom Domain Custom DomainStrengthen your brand identity with a unique domain for your Progressive Web App.Free](https://www.goodbarber.com/extensions/custom-domain/)

[illustration for Optimizing sharing on social networks Optimizing sharing on social networksBoost your PWA's visibility on social networks by optimizing metadata for sharing.Free](https://www.goodbarber.com/extensions/social-sharing-optimization/)

[illustration for Schema.org Schema.orgOptimize your search results with structured data for your PWA.Free](https://www.goodbarber.com/extensions/schema/)
