Module: Navigation Manager Audience: Store admins Last updated: March 2026
Overview
Each item in your bottom navigation bar needs a label, an icon, and an action. This guide covers how to add items, assign what they do, set labels, and arrange their order.
Step-by-Step
Adding a Navigation Item
Open the Navigation Manager from the sidebar.
In the phone preview, click the + button on the navigation bar (visible when you have fewer than 5 items).
A new item appears in the bar with default settings.
Click the new item to open its settings.
[Screenshot: Adding a new navigation item by clicking the + button on the preview bar]
Setting the Action Type
Click the navigation item in the preview to select it.
In the settings that appear, find the Action dropdown.
Choose one of the available actions:
Home — Navigates to the app home screen.
Collections — Opens collection browsing.
Wishlist — Opens saved items.
Cart — Opens the shopping cart.
Profile — Opens the account screen.
Page — Opens a landing page. After selecting this, choose the specific page from a second dropdown.
Deep Link — Navigates to a custom deep link. Enter the deep link URL in the field that appears.
[Screenshot: Action dropdown showing all available action types]
Setting the Label
With the item selected, find the Label field.
Type the text you want displayed below the icon.
Keep labels short—one or two words work best (e.g., "Home," "Shop," "Cart").
The preview updates as you type so you can see how the label fits.
Reordering Items
Drag and drop items directly in the navigation bar preview to rearrange their order. The leftmost position is the first thing customers see, so place your most important item there.
[Screenshot: Drag-and-drop reordering of navigation items in the preview]
Removing an Item
Click the item in the preview to select it.
Click the Delete button in the item settings.
Confirm the removal.
The remaining items redistribute across the bar automatically.
Key Concepts
Action type: Determines where customers go when they tap the item.
Deep Link: A URL that navigates to a specific screen or content within the app. Useful for campaigns and promotions.
Label: Short text displayed below the icon. Keep it concise for readability.
Drag-and-drop reorder: Change the position of items by dragging them in the preview.
Tips
Place the Home action in the first (leftmost) position—customers expect it there.
Use the Deep Link action to create seasonal or promotional navigation items that point to specific content.
Preview your labels on the phone mockup to ensure nothing gets cut off, especially in languages with longer words.
FAQ
Can I have two items with the same action? Technically yes, but it creates a confusing experience. Each item should serve a unique purpose.
What happens if I choose the Page action but haven't created any pages yet? You'll see an empty page selector. Create a landing page first, then assign it to the navigation item.
Can I link to an external URL? The Deep Link action handles in-app navigation. For external URLs, use a landing page with an embedded link.
Related Articles