Installing Navi+ on your Shopify store takes just a few minutes. Once it’s installed, you open and manage your menus right in the Shopify admin.
Before you start
- Your account must be the store owner or a staff member with permission to install apps.
- Navi+ works with most Shopify themes. Only placing a menu in the middle of a page with the Menu in Section app block requires an Online Store 2.0 theme. Older themes still support every other way of placing a menu.
- You don’t need to edit your theme’s code.
From the App Store to your first menu
1Find Navi+ on the Shopify App Store
Go to the Shopify App Store, type Navi+, and click the app Navi+ Tab Bar & Mega Menu (or open apps.shopify.com/pronavi-navigation-design directly).
2Install the app
Click Install. If Shopify asks, log in to the correct store you want to install it on. Review the permissions, then click Install app. Wait a few seconds and Navi+ opens by itself in the admin.
3Turn Navi+ on in your theme
Online Store > Themes > Customize. Click ① App embeds, ② turn on Store Connector, ③ Save.
Tip: try it on a copy of your theme first (Themes > … > Duplicate). Once it works, turn it on for the live theme.
4Open Navi+ and click Add menu
The first time, the Navi+ page is empty. Click Add menu.
5Choose Desktop Mega Menu
Choose Desktop Mega Menu.
6Let AI build your menu
Click Build with AI > Generate my menu. AI reads your store's categories and real products and builds the menu in a few dozen seconds.
This usually takes 10 to 40 seconds. Here is what AI is doing right now.18s
7Publish
Click 5 Publish, then choose where the Mega Menu goes: ① replace your theme's main menu, ② right below the header, or ③ somewhere else. Then ④ Turn on.
This is Shopify’s standard method - safe and removable anytime.
Each menu type publishes a different way: Desktop Mega, Mobile Mega, Icon Menu choose a spot on the page · Tab Bar, Floating Button float over the page and only need Turn on · Mobile Menu chooses the open button (usually the theme's ☰). See each type
8The menu on your store
Open your store and hover over the menu. That's it.
Open Navi+ later
On later visits, in the Shopify admin, look at the left sidebar and click Apps > Navi+.
Why don’t you see anything on your store after installing?
Right after installing, your store still looks the same. Shoppers only see the Navi+ menu after you complete two steps:
- Turn on the app embed to connect Navi+ to your theme.
- Open the Publish window of your menu and click Turn on to put the menu on your store.
Do step 1 first. To test safely without affecting shoppers who are buying, you can turn it on in a copy of your theme.
Navi+ doesn't edit any of your theme files. Want to know what Navi+ adds to your store? See How Navi+ works on your store.
Other platforms
The steps above are for Shopify — the default way.
- Open the Wix App Market, click Add to Site, choose your website and agree to the permissions.
- Navi+ opens right in the Wix Dashboard and attaches itself to your live website. You don’t need to paste any code.
- Service fees are paid through Wix.
For WordPress:
- In the WordPress admin, go to Plugins > Add New and search for Naviplus Menu Builder.
- Click Install Now, wait for the install to finish, then click Activate.
- If your host blocks installing directly from the library, download the ZIP file at wordpress.org/plugins/naviplus-menu-builder and upload it under Plugins > Add New > Upload Plugin.
For Webflow, Squarespace or any website that lets you edit the head section:
- Create an account at dash.naviplus.app and click Add website.
- Enter your domain and copy the Navi+ code shown on the screen.
- Paste that code into the
headtag of every page, then republish your website. - Open your website once, then return to the dashboard and you’ll see the status Connected.