Content of a menu item

Each menu item has a group of content fields: name, description line, link, picture and badge. This page looks up each field one by one. For step-by-step instructions, see Link a menu item and Icon, image and badges.

Where to find these fields?

Go to the Build Menu step and click an item in the tree. The tree switches to the Edit item panel (use the Back button to return). In this panel:

• The top row has the Icon field and the image upload field, separated by the word OR.
• The Basic info block has the Text field, the Link field and (for item types that allow it) the Sub text (Optional) field.
• Add badge is in the Style block: click + Customize and choose Badge. If the item already has a badge turned on, this card shows up automatically.

‹ BackEdit item

1Icon or imageORUpload small image (as icon)jpg, png, svg, webp…

Basic info

TextLanguage Cart2Text

Link to  Auto-clean URLLanguage cart3Link

Add dividerAdd badge

Sub text (optional)Language E.g. Free shipping over $50

Layout

Display layoutAUTOICON + TEXTTEXT ▸IMAGETEXT ONLY

Width layoutAutomatic

Style

Follows the menu's styleCustomize

Visibility

Showing under all conditionsEdit rules

Submenu

Advanced

All fields on this page work the same on Shopify, Wix and other websites, unless noted otherwise.

Which fields apply to which item types?

Field	Icon + image + text	Big image + text	Group title	Button	Tab	Image banner	Card
Text	Yes	Yes	Yes	Yes	Yes	No	Yes
Sub text	Yes	Yes	Yes	No	No	No	Yes
Link	Yes	Yes	No	Yes	Yes	Yes	Yes
Icon	Yes	No	No	Yes	Yes	No	Yes
Image	Yes	Yes	No	Yes	Yes	Yes	Yes
Add badge	Yes	No	No	Yes	Yes	No	No

You choose the item type when you add the item, and you cannot change it later. See the item types on the Menu item types page.

Text and link fields

Text

The first field in the Basic info block, where you type the name of the item that shows on the menu.

• Default: empty. The field shows the example hint E.g: Home.
• Applies to: all 6 menu types, all levels. Used for Icon + image + text, Big image + text, Group title, Button, Tab and Card items. The Image banner item does not have this field.
• Plan: all plans.
• On your store: the name shows exactly as you typed it. If the item has an icon or image and you delete the name, Navi+ automatically switches the item to show the picture only. If both the name and the picture are empty, the item shows nothing.
• Translate into other languages: type the translation right in the field, using the format Home <fr: Maison> <de: Startseite>. The globe icon Language next to the label shows this format. Shoppers who view a language see the text in that language, and a language without a translation sees the original text. For details, see Translate your menu into multiple languages.

Sub text (Optional)

A small line of text right under the item name. It is useful for a hotline, opening hours or a short message such as “Call 8am–9pm”.

• Default: empty. Example hint: E.g: Call: 0123..90 | 8AM-7PM.
• Applies to: Icon + image + text, Big image + text, Group title and Card items. Button, Tab and Image banner items do not have this field.
• Hidden on level 1 of bar-style menus: on level 1 of Tab Bar, Floating Button, Mobile Mega Menu and Desktop Mega Menu, which are horizontal bars, this field hides itself when it is empty. An item that already had a description line still shows the field, so you can edit or delete it. Mobile Menu, Icon Menu and all child levels always show this field.
• Plan: all plans.
• On your store: the text line shows under the item name. The color and size of this line are set together in Description Color and Description Size (px) — see Text and font of a menu item. If the item is set to show only the icon or only the image, the description line does not show.
• Translation: you can also translate it using the < > format like the Text field.

Link

Where shoppers go when they click the item: a page, a product, a collection, or an action such as calling, opening a chat, or opening another menu.

• Where: in the Basic info block, right under the Text field. Type or paste the link directly into the field, or click the field to open the Link to: window (it has the tabs Library, Custom, Product, Category, Page, Blog and Menu), then click UPDATE.
• Default: empty, which means the item goes to the home page.
• Special values:
  • # or Don’t redirect: clicking only opens the submenu, without changing the page.
  • Add @new at the end: opens the link in a new tab.
  • tel:, sms:, mailto:, open:…, scroll:…: actions. See the link types reference.
• Applies to: all 6 menu types. Used for Icon + image + text, Big image + text, Button, Tab, Image banner and Card items. Group title has no Link field.
• Plan: all plans. Some link groups in the library (Open panels, Open other applications, Change language) need a paid plan.
• On your store: when shoppers click the item, they go to the right destination. For a page inside your store, you only need the short path (collections/sale).
• Links for each language: click the Language icon next to the Link label to set a separate link for each language, for example French shoppers go to /fr/.

Other platforms

Shopify Wix Other website

The steps above are for Shopify — the default way.

Auto-clean URL

A switch at the top of the Link to: window (the window that opens when you click the Link field). It trims the link neatly when you paste it.

• Default: on.
• What it does: when you paste a full https://… link to your own store, Navi+ keeps only the path after the domain name. For example, https://shop.com/collections/sale?sort=new becomes collections/sale. The part after ? or # is also removed. The app shows the message Link is clean.
• Left alone: links to other websites, tel: and mailto: links, and so on stay as they are.
• Applies to: every item type with a Link field, every menu type, every plan.
• Does this switch change anything for shoppers? No. The switch only changes how the link is written into the field. It is not a menu setting: the app remembers your choice in the browser you use, not with the menu.

Don’t auto-open popup

A switch next to Auto-clean URL at the top of the Link to: window. When it is on, clicking the Link field no longer opens the suggestion window automatically.

• Default: off, so every time you click the Link field, the Link to: window opens by itself.
• When on: you type directly in the field. To see suggestions, click the pencil icon next to the Link field.
• Applies to: every item type with a Link field, every menu type, every plan.
• Does this switch change anything for shoppers? No. It is only your working preference in the app, remembered in this browser.

Picture and badge fields

Icon

A line-drawn icon that shows next to or above the item name.

• Where: the first row of the Edit item panel, the left field. Click it, type a name in English such as home, cart or phone, then choose one. The trash icon above the field removes the icon.
• Library: the Remix tab is available on every plan. The Google tab (Material Symbols, currently in BETA) is for the Business plan and up.
• Default: empty (the item has no picture).
• Choose an icon or an image, not both: the Icon field and the image field are separated by the word OR. Choosing one on one side replaces the other.
• Applies to: Icon + image + text, Button, Tab and Card items, in all menu types. Big image + text, Group title and Image banner items do not have an Icon field.
• Plan: the Remix library on every plan; the Google library from Business.
• On your store: the picture shows exactly where you chose. Color and size of icons are set for the whole menu in the Design step — see Icon and image in the menu. For Tab Bar and Floating Button, level 1 items should have an icon or an image so the bar shows a full set of buttons.
• The way the icon and the text are arranged (top–bottom or left–right) is set in Display layout.

Image

The image of the item. For a normal item, the image goes into the same place as the icon, so it is as small as an icon. For Big image, Image banner and Card items, it is a large image.

• Where: the first row of the Edit item panel, the right field. The button is labeled Upload Small-image (as icon) for a normal item, or Upload image for Big image and Image banner items. Accepted file types: jpg, png, gif, webp, svg, avif.
• Default: empty.
• Applies to: Icon + image + text, Big image + text, Button, Tab, Image banner and Card items, in all menu types. Group title has no image.
• Size limits: a small image can be up to 1 MB, a large image up to 15 MB. The app shrinks the image automatically when you upload it; the exact sizes by plan are in Icon, image and badges. svg files are kept as they are.
• On your store: the image replaces the icon. For Card, the image fills the background and the text sits on top. The image ratio and corner radius are set in the Image style block in the Design step.
• To remove an image, click the trash icon above the field.

Add badge

A small red dot at the corner of the icon, to draw attention.

• Where: the Style block of the Edit item panel. Click + Customize, then choose Badge. Tick Add badge.
• Default: off.
• Applies to: Icon + image + text, Button and Tab items, in all menu types. Big image, Group title, Image banner and Card items do not have this field.
• Plan: all plans.
• On your store: a red dot shows at the top right corner of the icon (or small image). An item without an icon or image has no place to attach the dot. The color of all dots is set once for the whole menu, in the Badge color field under Design › Main menu.
• This is not a text label such as “Sale” or “New”. To show text, write it in the item name or in Sub text.

Show badge (+n) when items are in the cart

Turns the red dot into a number: the number of items the shopper has in the cart.

• Where: right under Add badge, shows only after you tick Add badge.
• Default: off.
• Works only when: Add badge is on.
• Applies to: Icon + image + text, Button and Tab items, in all menu types.
• Plan: Business and up. The Starter plan can only use the plain red dot.
• On your store: the badge shows the number of items in the cart. When the cart is empty, the badge hides. It is usually set on the item that leads to the cart (link cart).