Help Center
Help Center›Page Builder

How to Set Up Your Store Menu and Footer

Updated
Feature Availability User Permissions Time to Complete Skill Level
Philippine and US stores on Launch, Grow, Scale and Premium Trial. Menu Builder shows only for stores created before May 28, 2026 Store owner, or a team member with Page Builder access About 15 minutes Beginner

Summary

Overview: Your menu (navigation bar) and footer wrap every page of your online store. You build and edit them with Max AI in the Menu and Footer editor: let Max create them for you, then change links and styles yourself. Template Library lists your menu and footer templates. Stores created before May 28, 2026 also have the older Menu Builder, which you can convert to a Max AI menu.

Prerequisites:

  • A store on the Launch, Grow, Scale or Premium Trial plan.
  • AI credits if you want Max to build or convert your menu or footer. See How to Buy AI Credits.
  • For the best result, set up your colors, fonts and logo first. See How to Customize Your Store's Design.

Step-by-Step Instructions

Step 1: Open the Menu and Footer editor

  1. In the sidebar, click Max AI, then choose Builder.
  2. Click the Edit Menu and Footer card (Change what wraps every page of your store.).
  3. The preview opens with the title Menu and Footer and shows your current menu and footer.

You can also get here from Page Builder → Template Library (Edit on a template Max built) or from the Edit in Max Builder button in Menu Builder.

Step 2: Create a menu and footer with Max

If your store has no Max AI menu or footer yet, the editor shows Your store has no Max AI menu and footer yet. (or just the menu, or just the footer).

  1. Click Create with Max AI.
  2. In Generate with Max AI, read the note. Uses AI credits. The amount depends on how much work Max does.
    • If your brand theme is set up, click Generate.
    • If not, you see To get the best results, set up your brand theme in the AI Studio first. Click Go to AI Studio to set it up, or Continue with Design Settings to build from your current design settings.
  3. Wait while Max AI is building it. This takes about a minute. Max publishes the new menu and footer to your store, and they appear in the editor for you to fine-tune.

You can also simply ask Max in the chat, for example Build me a menu and footer. If you have unsaved changes, Create with Max AI waits until you save or publish (Save or publish your changes first.).

Step 3: Edit your menu and footer

Ask Max: type what you want, for example Add a link to my About Us page in the footer.

Edit it yourself:

  1. Click the Visual Editor button above the message box. Click your menu or footer in the preview to edit it.
  2. Click the menu or footer. The panel shows Menu links, Footer links or Social links.
  3. For each link, change the Text and the Destination (for example /about-us or https://example.com), and tick Open in new tab if you like.
  4. Drag a link to reorder it, or remove it. Click Add Menu Link, Add Footer Link or Add Social Link to add one.
  5. Change colors, fonts and spacing on the Style tab, as on any page. See How to Edit a Page in the Visual Editor.
  6. Click Save Changes in the panel.

Step 4: Publish your menu and footer

  1. At the top of the preview, click Save.
  2. Choose:
    • Publish and close: your menu and footer go live on every page, then the editor closes. The chat stays open.
    • Save Draft and close: saves your menu and footer without going live, then the editor closes.
  3. For Publish and close, confirm Publish menu and footer? (This updates the menu and footer on every page of your store.) by clicking Publish.
  4. The chat shows Your menu and footer are now live on every page of your store!

Heads up about drafts: publishing any page of your store also publishes the menu and footer as they are at that moment, including a saved draft.

Step 4b: Give your menu or footer a different look

Your menu and footer normally use your store default look. You can point either one at another saved look instead, so it keeps its own colors, fonts and button style.

  1. Open any page in the Max AI page builder.
  2. In the message-box menu next to Visual Editor, click Design Settings.
  3. In the Look drop-down at the top, choose the look you want.
  4. Under Use this look on, turn on the Menu switch, the Footer switch, or both. Each switch shows the look that part uses right now.
  5. The preview repaints so you can see it. The panel says Applying changes the menu or footer on every page.
  6. Click Apply. You see The menu and footer looks are saved.

To put a part back, turn its switch off and click Apply again.

Your menu and footer are the same on every page, so a look you apply to them shows on every page. See How to Save and Reuse Store Looks.

Step 5: Manage templates in the Template Library

  1. In the sidebar, click Page Builder, then Template Library.
  2. The table lists each template's Template Name, Template Type, Status, Applied To, Author (Max AI for templates Max built) and Last Modified date.
  3. If the library is empty, click Generate with AI (Built from your store details and design settings.). Each menu or footer is published as soon as it's ready, and you see a message such as Menu generated and published.
  4. If you have no published menu or footer, a banner offers Generate with AI. Click Dismiss to hide it.
  5. Click ... in the Actions column of a template:
    • View / Preview: see the template on your store.
    • Publish / Unpublish: unpublishing asks you to confirm (Unpublish Template).
    • Quick Edit: change the name and the pages it's applied to.
    • Edit: templates Max built open in the Menu and Footer editor. Other templates open in the classic editor in a new tab.
    • Trash, then Restore Template or Delete Permanently (type DELETE to confirm).
  6. To make a classic footer template yourself, click Add Template, enter a Template Name (up to 50 characters), choose Apply To (All Pages, Specific Pages or None), and click Create Template. Choosing All Pages replaces the footer template currently applied to every page.

Convert an old footer: if your published footer wasn't built with Max AI, a banner says Your footer was not built with Max AI. Click Convert with AI. You see Preview your new footer with Desktop and Mobile views. Click Publish to make it live, or Discard. Once the new footer is live, other published footers are unpublished. Nothing is deleted: you can republish them from the Template Library.

Step 6: Use the Menu Builder (stores created before May 28, 2026)

Older stores see Page Builder → Menu Builder. On newer stores this option is hidden, and opening it takes you to Max with Help me create a navigation menu for my online store.

  1. Click Page Builder → Menu Builder.
  2. Read the notice at the top:
    • Your store now shows your Max AI menu. Changes made here no longer appear on your store. Click Edit in Max Builder to edit the menu your customers see.
    • Convert your menu to Max AI. Max builds a new menu from your current links and store design. Click Convert with Max AI, check the preview, and publish it. Other published menus are then unpublished, and you can republish them from the Template Library.
  3. To keep using the old menu instead:
    • Pick Primary Menu or Secondary Menu on the left. Use the switch on each card to turn that menu on or off. When the primary menu is off: Off: your online store shows no primary menu bar. Your menu items are kept.
    • On the Menu Structure tab, add items from Page Links, Products, Categories, Subcategories, Custom Link, Custom Text, Store Information or Functions (My Cart, Account Settings (Login), Store Location, Search Bar) with Add to Menu.
    • On the Menu Design tab, change how the menu looks. Check it under Menu Preview.
    • Click Save Changes. To switch to a different preset, choose it and click Apply Preset to Menu, then Apply. Click Create New Menu Preset to start a new one.

Verify It Worked

Success criteria:

  • The chat shows Your menu and footer are now live on every page of your store!
  • In Template Library, your menu and footer show the status Published.
  • Your online store shows the new menu and footer on every page.

Troubleshooting

Common errors

  • "Nothing to show yet. Ask Max to build your menu and footer.": your store has no menu or footer to edit yet. Use Create with Max AI or ask Max.
  • Create with Max AI is greyed out: Save or publish your changes first.
  • "This preview has expired. Convert again to build a new one.": click Convert with AI (or Convert with Max AI) again.
  • "N links from your old menu did not fit. You can add them in Max Builder.": the converted menu couldn't hold every old link. Add the missing ones in the Menu and Footer editor.
  • "Failed to open the menu and footer editor.": try again in a moment.
  • Changes in Menu Builder don't show on your store: your store shows your Max AI menu. Edit it in Max instead (Edit in Max Builder).

Limitations & considerations

  • Your menu and footer are shared by every page. Publishing them changes every page at once, and so does a look you apply to them.
  • A look your menu or footer uses can't be deleted until you move that part to another look.
  • Publishing any page also publishes your current menu and footer.
  • The Menu and Footer editor has no version history and no Insert tab.
  • Building or converting a menu or footer with Max uses AI credits.
  • Menu Builder is only for stores created before May 28, 2026.

Next Steps & Related Resources

Need more help? For more information and assistance, please send an email to support@prosperna.com.

Last Updated: 10/14/2026