Shopify Floating Action Button
and Quick Contact Menu
accessible in one tap.
Navi+ Floating Action Button (FAB) puts your essential contact channels on screen at all times — WhatsApp, phone, email, live chat, or custom promo links. Positioned in the corner where shoppers naturally look, with smart display rules that never block checkout or Add to Cart buttons.
Contact info is buried
WhatsApp, phone, email — visitors with questions scroll down looking for support. Many give up and leave before they find you.
Urgent notices get missed
Sale ending soon, shipping cut-off time, low stock — these notices belong where customers see them, not hidden in footer text or fine print.
Multiple apps fight for the same corner
WhatsApp widget, chat bubble, back-to-top button — each adds its own floating icon. They stack up, overlap, and block your add-to-cart.
Navi+ Floating Button sits on screen at all times. WhatsApp, Messenger, Zalo, phone, email, live chat — all accessible with one tap. Set a URL rule to hide it on checkout so it never interferes.
Contact channels on one tap
WhatsApp, Messenger, Zalo, phone, email, live chat — expand one button to reach all of them. Visitors find you instantly without scrolling.
Shows urgent notices at a glance
Add text to the button itself — 'Sale ends in 2h', 'Ship by 6pm', 'Call for help'. Always visible, always readable, without cluttering the page.
Never blocks add-to-cart or checkout
Position it exactly where your visitors' thumbs naturally land, and set URL rules to hide it on cart, checkout, or any page where a button would get in the way.
Replaces three separate apps
One Floating Button handles WhatsApp, email contact, and support chat. Faster load time, one app to manage, cleaner corner of your screen.
Install and choose your contact channels
Add Navi+ from the Shopify App Store. Select WhatsApp, phone, email, live chat, or any custom link you want to include.
Customize placement and style
Choose your corner, size, icon, and colors. Add an urgency text like 'Need help?' or 'Sale ends soon'. Match your brand exactly.
Publish and watch contact climb
Hit publish. Your Floating Button goes live instantly. Customers now have one obvious way to reach you from any page.
WhatsApp, Messenger, Zalo
Direct messaging apps your customers already use. Pre-fill a greeting with your store name — one tap to chat.
Phone and email
Simple call or email links. No integration needed — tap to call or open the email app instantly.
Live chat integration
Connect Shopify Inbox, Zendesk, Drift, or any chat service. Bring live chat support to every page.
Smart positioning
Place it in any corner, and use URL rules to hide it on checkout or on any page where it would block a key action.
Urgency badge
Display a label on the button itself — 'Sale', 'Limited time', 'Call now'. Grab attention without opening a menu.
Lightweight and universal
Pure HTML5/CSS3. Works on Shopify, WooCommerce, WordPress, Wix, or any website. No conflicts with existing apps.
When customers have a question, they should reach you in seconds — not minutes of searching. A single, always-visible contact button transforms how visitors interact with your store. They message instead of leaving, and when support is always on screen, you capture conversations before they turn into abandoned carts.
Smart corner positioning that coordinates with sticky Add to Cart and announcement bars across Horizon, Dawn, and popular themes.
Tab Bar
Add an app-like Shopify bottom navigation bar with Home, Search, Cart and Menu tabs. Mobile-first design, z...
Mega Menu
Build a Shopify mega menu with columns, category images, and promo banners. 100% no-code, zero theme edits....
Mobile Menu
Replace your basic theme drawer with a multi-level Shopify mobile menu. Nested sub-categories, instant sear...
When to use sticky action buttons and how they drive rapid conversions.
Floating Action Buttons for Shopify: When They Help and When They Get in the Way
Ergonomics, placement strategies, and micro-conversions using sticky floating action buttons.
Read full guide → Cart RecoveryCart Abandonment Recovery: Using Navigation to Bring Shoppers Back
Surfacing cart access, checkout shortcuts, and instant support without cluttering product pages.
Read full guide → Conversion OptimizationWhy Shoppers Visit Your Store But Don't Buy (and How Navigation Fixes It)
Common navigation friction points that stop buying momentum and how quick actions restore it.
Read full guide →Answers to common questions about setting up, compatibility, and performance.
Yes. When clicked, the floating button expands into a clean mini-menu presenting WhatsApp, phone call, email, live chat, or custom links.
No. You can set custom page rules to hide the button on checkout or specific product pages, and adjust pixel offsets to keep clear of sticky cart bars.
Yes. Navi+ uses native Shopify App Embeds and works with Horizon, Dawn, Prestige, and over 331 themes without modifying your theme files.
Yes. You can add text badges like 'Help' or 'Sale', set pulse animations, and customize background colors to match your brand.
No. The floating button script is served via global edge CDN and weights less than 20KB, loading asynchronously with zero impact on Core Web Vitals.
Free to install. Live in under 5 minutes. No theme edits required.