Shoppy User Guide (EN)
  • Getting Started
    • Installing Shoppy
    • Shoppy Mobile App Builder
  • 🖌️Shoppy Dashboard
    • App Builder
      • Homepage
        • Multi homepage
        • Search Bar
        • Text
        • Button
        • Divider
        • Images
        • Images Carousel
        • Videos
        • Collections Slider
        • Single Collection
        • Collections Grid
        • Collections Carousel
        • Circular Collections Carousel
        • Gallery Collections Carousel
        • Single Product
        • Products Grid
        • Products Carousel
        • Circular Products Carousel
        • Gallery Products Carousel
        • Single News
        • News Carousel
        • Promo Banner
        • Newsletter Subscription
        • Countdown Timer
      • Catalogue
      • Product Page
      • Profile Page
      • Navigation
      • Layout
      • Brand Kit
    • Pages
    • Engage
      • Push Notifications
      • Flow Notifications
      • Back in Stock Notifications
      • Notification Settings
    • News
    • Integrations
      • Firebase
      • Facebook ADS
      • Appsflyer
      • Shopify Search & Discovery
      • Algolia
        • Optimize Searches for your app with Algolia
      • Boost AI Search & Filter
      • SoBooster - Ultimate Search & Filter
      • Shopify Tag Filters
      • Whatsapp Business
      • TextYess
      • Facebook Messenger
      • LiveChat
      • Shopify Product Reviews
      • Trustpilot
      • JudgeMe
      • Feedaty
      • Qaplà
      • ShippyPro
      • "Back in Stock" Notifications
      • Live Me Up
      • Storifyme
      • Klaviyo
      • Growave
      • Recharge
      • Google Maps
      • Kiwi Size Chart & Recommender
      • Omnibus Pricing
    • Settings
      • Account
      • App Settings
        • Multi-language and multi-currency
        • App Behavior
        • Payment Methods
        • Check-out options
        • Miscellaneus
      • Legal and data privacy policy
      • Billing and Plans
      • Terms and Conditions
  • 👩‍🚀Developers
    • Developer Pages
      • Get Started
      • Variables
      • Actions
      • Sample
  • 🚀Launch your Mobile App
    • How to launch your app
    • Apple Store Creations
    • Google Play Store Creations
    • Custom Screenshots
  • 🤝Partner Program
    • Partner and affiliate
  • Uninstall Shoppy
    • How to Uninstall Shoppy
Powered by GitBook
On this page

Was this helpful?

  1. Shoppy Dashboard
  2. App Builder

Navigation

PreviousProfile PageNextLayout

Last updated 7 months ago

Was this helpful?

Set the order of your app’s Navigation Menu and define how you make information available to your users. his section includes the ability to reposition Home Page, Catalog, Wishlist, News, Shopping Cart, Profile and the different Pages created. You can even choose from an array of icons which you prefer, and you also can upload your own custom icon!

Being able to configure your app’s navigation allows you to further customize your app in what is navigation, a crucial aspect of overall design and usability.

See the quick tutorial below to get a feel for how to set up your own navigation bar!

  • To change the order of the icons on the Navigation Bar of your app, click on one of the icons and drag it up or down to reposition it. Click 'Save' when finished to record your changes.

  • Click "Add Section" and scroll or use the search bar to find a section that you'd like to add. You may enter the title and choose from a selection of icons to use, or upload your own app icon.

  • Click the star icon next to a section to make it the landing page that users are first taken to when they open your app.

  • To remove a navigation item, click the three dots on the right side, then select 'Remove'

Custom Icons

To select a custom icon, please make sure that it meets the following criteria:

  • PNG or SVG format

  • No greater than 500 KB

  • Has a transparent background

  • *Please note that these icons are meant to be graphic icon assets, not photos! Photos, or any other element added here will not be shown in the app if the background is not entirely transparent.

🖌️