Skip to content

Displaying Menus

Once you've created a menu, Menu Builder gives you several no-code ways to display it on your storefront, right from the Magento admin. This page covers the admin methods. For rendering menus in your theme code, see Rendering Menus in Code.

Using Design Configuration

Design Configuration is the easiest way to set up your main header navigation and footer menu. This approach requires no code, just select your menu from a dropdown in the admin.

You can assign these Menu Builder menus through Design Configuration:

  • Header Topmenu Navigation: your main site navigation.
  • Footer Menu: links in your site footer.

To assign these menus, go to Content → Design → Configuration in your Magento admin. Pick your store view, then expand the Header and Footer sections to select which menu to display in each location.

Using the Hyvä CMS Editor

The Hyvä CMS Editor lets you add menus directly to CMS pages and blocks. This is perfect for landing pages or custom content areas where you want a menu to appear.

To add a menu in the CMS editor, click Add Component and select CMS Menu from the content section. Then pick which menu to display from the dropdown.

Using Magento Widgets

Magento widgets let you place Menu Builder menus in specific page layouts without touching template files. Use this method when you want to add a menu to sidebars, content areas, or other widget-compatible containers.

To create a Menu Builder widget:

  1. Go to Content → Elements → Widgets in your Magento admin.
  2. Click Add Widget and choose Hyvä CMS Menu as the type.
  3. Fill in the Storefront properties and add a layout update to control where the widget appears.
  4. In the widget options, pick which menu to render.