Why Navi+?

Category: Design & Interface Reading time: 8 min

The problem

With luck, a visitor finds what they need within the first few seconds of landing on your website. But when that doesn’t happen — and the reality is that most visits play out this way — the first place they look, the first thing they click, is your navigation menu.

The problem is that when you build a website on Shopify, WooCommerce, WordPress, or any other platform, the menu you get tends to fall into one of three patterns — and none of them are good enough:

Menu too simple, not enough

The theme gives you a flat row of text links. No images, no grouping, no way to guide visitors. They look at it, don't know what you sell — and leave.

You want to change, but don't know where to begin

You know the menu needs improvement. But the theme is complicated, apps worry about conflicts, developers are expensive. There's no clear path forward.

Hard to control and maintain over time

Switching themes means losing everything. Upgrades are risky. Changing a sale banner requires a developer. The menu — the thing that should be most under your control — ends up being the thing you control least.

Visitors don’t care what theme you’re using. They arrive, don’t see a clear path forward, and leave. You lose a potential order without even knowing it happened.

A professional menu isn’t just about “looking nicer.” It has to meet a demanding set of criteria — because the menu is the second most-interacted-with element on any website (behind only the “Add to cart” button). Here’s what you should demand:

1. Capable — and able to tell a story

A professional menu needs enough presentation formats to match each context: Mega Menu for desktop when you have many categories, Tab Bar for mobile so shoppers navigate like they’re using a native app, Slide Menu for a clean hamburger panel, FAB for urgent actions (chat, call, book), Grid Menu for visual landing pages.

More importantly, the menu must guide the purchase journey — not just list categories, but suggest target audiences, use cases, occasions, and best-sellers. The menu should be a silent salesperson, not a table of contents.

2. Compatible — no conflicts with your theme or other apps

A professional menu must coexist peacefully with the rest of your website. It shouldn’t obscure the cart, break the search panel, or overlap chat widgets. It shouldn’t force you to choose between “nice menu” or “keep my current apps.”

Switching themes shouldn’t wipe your configuration — because the menu must exist independently of the theme, not be hardcoded into any specific theme’s files.

3. Fast and completely reliable

The menu must never “die.” A visitor taps the menu and it freezes for 2 seconds — they leave. A visitor opens the menu on a weak 3G connection and it never loads — they leave.

A professional menu must load fast enough, work on slow connections, and never block the main page render. It’s the component that must always be ready — any time, any device.

This is a critical factor that almost nobody gets right. You can’t optimize what you can’t measure — and menus are one of the hardest components to measure accurately with standard tools.

Google Analytics tells you how many times a link was clicked, but it doesn’t know where that click came from — was it from the main menu, a second-level submenu, a banner inside a mega menu, or a bottom tab bar? You can’t compare: for the same product, how many clicks does position A get versus position B?

A professional menu must measure two things separately for each item: how many times it was shown (impressions), and how many times it was clicked. From that, you can compare positions, menu types, A/B variants — and know which choices actually drive results over time.

Without this data, every menu change is guesswork.

5. Interactive with other apps and website components

A modern menu isn’t a static list of links. It needs to open the search box, trigger the cart panel, activate chat widgets, work with email and booking apps — and most importantly, must be able to call JavaScript so it can interact with any other app running on the site when needed.

A menu that only knows how to link to other pages is a 2010s menu. A modern menu is the central control point — where any important action can be triggered from a single tap.

6. Multilingual and multi-market ready

If you sell across multiple markets, your menu needs to go with you. Integration with Shopify Markets, multi-language support on WordPress, displaying the right currency and the right labels per market — that’s a baseline expectation, not a premium feature.

7. Fully owned — no dependency on developers

Finally, and perhaps most importantly: you — the site owner — must be able to change your menu when you need to. Upcoming sale season, new collection launch, new marketing strategy, A/B testing a different layout — all of this must be doable by drag-and-drop, without hiring a dev, without waiting on a deploy.

Navi+ is a no-code menu builder — it helps you create beautiful, high-converting menus for any website without touching your theme or writing a single line of code.

If your visitors are struggling to find what they need, your menu may be the barrier. Navi+ helps you fix that in minutes.

How Navi+ works

Navi+ is a widget — it doesn’t replace or modify the theme you’re using. Instead, it injects a lightweight script into your page and renders the menu on top of your existing layout.

Everything is managed from the Navi+ dashboard. Every change goes live instantly — no code edits, no template modifications, no theme republishing.

The flow:

You create a menu in the dashboard.
Navi+ generates a small script.
That script is embedded into your website (via App Block on Shopify, or a code snippet on other platforms).
The menu renders on top of your layout on every page load.

Works with every platform

Navi+ integrates with the tools you already use:

Shopify · WordPress · WooCommerce · Wix · Webflow · Squarespace — and any website that accepts a <script> tag.

What Navi+ is NOT

Not a theme — Navi+ runs alongside your current theme, not instead of it.
Not code you install manually — one App Block (Shopify) or one embed snippet is all it takes.
Not a plugin that can break your site — if Navi+ is disabled, your original theme menu comes back automatically.

Built for speed

Navi+ assets are delivered via Cloudflare CDN at ~52ms average load time — typically faster than your platform’s own scripts. After the first load, menus are cached and open instantly.

You don’t have to choose between “this menu or that one” — Navi+ gives you all five, and you combine them as needed:

Mega Menu — multi-column dropdowns with images, banners, and badges, designed for desktop when you have many categories to present visually.
Tab Bar — a sticky bottom navigation bar for mobile, giving visitors the feel of a native app instead of a website.
Slide Menu — a hamburger panel that slides in from the side, clean and familiar, supporting unlimited nesting levels.
FAB (Floating Action Button) — a floating button for urgent actions like chat, phone call, “back to top,” or booking.
Grid Menu — a visual image grid for homepages, landing pages, or as a visual alternative to traditional menus.

Everything is designed through a drag-and-drop interface — no code, no developer required.

This is the core differentiator. Navi+ isn’t “locked into” the theme you’re currently using. Menu configuration is stored independently in the Navi+ dashboard and injected into your website through a lightweight, theme-agnostic mechanism.

Today you’re using Dawn, tomorrow you switch to a different theme — your menu is still there. No rebuilding from scratch. No developer migration needed.

Compatible — not conflicting

Navi+ is architected to coexist peacefully with the rest of your website:

It doesn’t hide the theme’s hamburger menu, search panel, or cart drawer — Navi+ can trigger them rather than replace them.
Z-index is managed intentionally with a smart algorithm that adjusts contextually so it doesn’t overlap, or get overlapped by, chat widgets, popups, or other apps.
Navi+ is not built on any external library — guaranteeing no conflicts with your theme’s existing code or other apps.
Tested on the most popular themes and most widely-used plugins and apps.

This is a feature almost no other menu builder on the market offers. Navi+ tracks, per menu item:

Impressions — how many visitors actually saw that item.
Clicks — and from which position (main menu, second-level submenu, mega menu banner…).
CTR per item — so you can compare performance across positions, A/B variants, and menu types.

You stop guessing “this menu seems better” and start making decisions based on real data.

Deep interaction with your website and other apps

Each Navi+ menu item isn’t just a link. It can be:

A trigger to open the cart panel, search box, or the theme’s original hamburger menu — one tap instead of the visitor having to go find it.
A command to launch a chat widget (Shopify Inbox, Tidio, Messenger, Zalo…) — turning your menu into a gateway to support.
Mailto, tel:, sms: — call, email, or text directly from the menu.
Custom JavaScript — call any function running on the page, integrate with any other app without needing an API.

Your menu becomes the central control point — not a static table of contents.

Multilingual and multi-market ready

Navi+ integrates directly with Shopify Markets to show the right language, currency, and labels for each market. On WordPress/WooCommerce, Navi+ works with popular multilingual plugins. Configure once — the menu automatically displays correctly for visitors in each market.

Conditional display — right audience, right moment, right page

Each menu (and each individual menu item) supports display rules:

By device (mobile only, desktop only, or both).
By URL (show only on product pages, hide on checkout…).
By visitor state (logged in / not logged in).
By language and market.

All configurable without code — just a few taps in the dashboard.

Every change is made through Navi+’s drag-and-drop dashboard. Upcoming sale? Swap the mega menu banner in 2 minutes. New collection launch? Add it to the tab bar and publish immediately. Want to A/B test a different layout? Create a second version, measure the results, keep the winner.

No deploys. No waiting on a developer. No risk of breaking your theme.

Real support when you need it

Live chat directly in the dashboard, typically responding within minutes. A complete help center with platform-specific guides. The Navi+ Care team is available to design your menu for you if needed — like having an expert on call.

Navi+ Help — Build menus that convert visitors into buyers