Back to Blog

How to Add a Mobile Bottom Bar to a WooCommerce Store (Search, Cart and Account)

Add an app-style bottom bar to a WooCommerce store — product search, shop, cart and account buttons, cart badges and caching-safe counts.

To add a mobile bottom bar to a WooCommerce store, install MenuVerse, enable the Bottom Menu and set four buttons: Home or Shop, a product search sheet, Cart and Account. Product search is free; with MenuVerse Pro the cart and wishlist buttons show live counts fetched per visitor, so they stay accurate with full-page caching.

Why stores need one

On phones, shoppers bounce between products, search and the cart. A bottom bar keeps those actions in thumb reach on every page, instead of making shoppers scroll back up to a header icon.

Set up the bar

  1. Install and activate MenuVerse (WooCommerce active).
  2. Open MenuVerse, enable Bottom Menu and start from a ready-made look.
  3. Set four buttons:
ButtonActionIcon
ShopPage → your Shop pageBag
SearchSearch sheet → WooCommerce productsMagnifier
CartPage → CartCart
AccountPage → My AccountPerson
  1. Add labels so each icon is clear.
  2. Use the More drawer for categories, wishlist, order tracking or help.
  3. Save and test on a phone: search, add to cart, open the cart.

Live cart and wishlist counts (Pro)

With MenuVerse Pro, the cart button shows a live count badge fetched from the WooCommerce Store API for each visitor. Because it's fetched per visitor, it stays correct even when your pages come from a full-page cache. With YITH WooCommerce Wishlist, the wishlist button gets a live count too.

Pro also adds WhatsApp and phone buttons for stores that sell by chat, per-button visibility by sign-in state (for example, Account only for logged-in customers), gradients and frosted glass, and a dark-mode palette. It starts at $19.99 a year.

Selling digital downloads?

If you use Easy Digital Downloads, a search button can be scoped to downloads instead.

Free alternatives with cart counts

If a cart count is the one feature you need for free, WP Bottom Menu and UnoDock include it in their free versions. MenuVerse's advantage is everything around the bar: a full hamburger menu in the same plugin, menus built from your existing WordPress menus, and support for block themes. See our mobile menu plugin comparison.

Checklist

  • Footer padding so the bar doesn't cover your footer's last line.
  • Safe-area padding is built in for notched phones.
  • Test checkout — some stores hide the bar on checkout to keep focus; place it with the block or shortcode on the pages you want, or use Pro page rules.
  • Keep it to four buttons plus More.

More: bottom navigation bar basics and a hamburger menu.

Common Questions

Install MenuVerse, enable the Bottom Menu module and set four buttons — for example Home, a product search sheet, Shop and Account. Save and the bar appears on phones. With MenuVerse Pro, the cart button can show a live item count.

Yes. A MenuVerse button can open a search sheet scoped to WooCommerce products, so shoppers search the catalogue rather than blog posts. This is free.

MenuVerse Pro fetches the cart count from the WooCommerce Store API per visitor, so it stays correct even when the page itself is served from a full-page cache.

Yes, with MenuVerse Pro and YITH WooCommerce Wishlist, the wishlist button shows a live count badge.

Four buttons usually work best — Home or Shop, product Search, Cart and Account. Add a More drawer for categories, wishlist or help.

WP Bottom Menu and UnoDock include a WooCommerce cart count in their free versions. MenuVerse's cart count is in Pro, alongside its free hamburger menu and block-theme support.

Get new guides and releases by email

Occasional emails when we publish a guide or ship a notable plugin update. No spam — unsubscribe any time.

We only use your email to send these updates. See our privacy policy.