The shopping apps are intended to offer the easiest navigation and the simplest user experience on mobile devices. Therefore, the menu of your app is crucial because it is the spot where your customers will look when they want to navigate to a specific page in your app or when they feel a bit lost. It should include the most likely needed shortcuts that your customers might be looking for and guide them properly within your app.
In this article, you will find how to use the menu features that are available in Shopney and some pro tips to make your menu satisfy your customers' needs.
Let’s get started!
1. How to Change The Menu Item Names?
You can change the name of any item that you add to your menu. It can be a collection or something else. You can give it an app-exclusive name. The video below demonstrates how to change the name of a menu item.
This is a very useful feature especially for those who are looking to have their apps in a specific language.
Let's say your store is in Spanish (meaning all your store content is in that language). As the main data source of your Shopney app is your Shopify store, manually changing the menu titles allows you to have your app in that specific language!
2. What Is the Collapsable Menu?
A Collapsable Menu is a sub-menu tool that can contain some secondary pages like blogs, policies, etc. You can add it easily by drag & drop as the other items. We recommend it be given a place at the bottom of your menu hierarchy. You can add sub-elements to Collapsable Menu only from the Pages & Blogs section by dragging them into the designated area below.
Pages & Blogs are opened in a web view within the app. We can help you hide the header and footer in web view pages to give it a more native app feeling and look.
3. How to Create & Customize Sub-Collections?
The menu item named ’Collections’ in the left bar enables you to list multiple collections. Once you add it to your menu, click on the 'Customize Sub-Collections' button that will appear on your right. After you click on it, you will be directed to a pop-up page in which you can select the sub-collections. The selected sub-collections will appear on your right. By dragging the sub-collections, you can change their order.
You can even create sub-collections under sub-collections as shown below!
You can also change the display type of the sub-collections from the right menu.
Now that you have an idea of what your sub-collections will look like, it is now time to decide on the best display type. Below you can see how each type will display your sub-collections.
Type 1 Type 2 Type 3 Type 4
Each type has its own specific display type. While you will need collection images to fully use Type 1, Type 2, and Type 4; you will not need collection images to use Type 3 if you do not have them. By that, your collection will be displayed only with the title in the middle.
4.1. What is the 'My Account' Menu Item?
My Account item serves as a summary of your customer’s data. It includes, ‘favorites’, ‘recently viewed items’, ‘orders’, ‘addresses’ and ‘account info’. Rather than including favorites, recently viewed items, and orders as separate items on the menu, it is possible to combine them all under the ‘My Account’ item.
Once you drag&drop the item, you can also re-name it and change its alignment as left, center, or right on the element-related menu on the right.
4.2. How To Add & Customize the My Account Menu Title To navigation Menu?
Drag the item from the left menu and drop it on the central design area.
Once you click on the item after you drop it, the element-related menu will appear on the right. There, you'll be able to change the item name and its alignment. You can also add an icon to the item title.
5. How to add a Web Url to the menu?
With a web URL item, you can add a link on your menu that will direct your customers to a website when they click on it. It can be any website you desire. After dragging and dropping the item on the menu, you need to click on it and enter the website URL on the menu that opens on the right-hand side as shown below. Please make sure you change the item name from the right menu as well.
Drag the item and drop it on the central design area.
After dropping the item, you need to click on it and enter the website URL on the menu that opens on the right-hand side as shown below.
6. How To Add Menu Icons to the Menu Items?
With our menu icon feature, you can add icons to each of your menu items. When you click on the item you want to add an icon to, you’ll see the ‘menu icon’ section on the right menu. You can choose to add one of the existing icons, leave it empty, or add a custom icon. The default for custom icons should be 28x28. If the image is bigger than 28x28, it will automatically be reduced to the required size. The icon will be shown at the very left of the menu item and is a great way to attract your app visitors to the item you want them to go!
Shopney currently supports black & white icons only. So please make sure your icon is black and a transparent one in png format.
7. What Is Quick Actions Menu Item?
Basically, Quick Actions are convenient actions that enable your users to perform a set of certain actions with a shorter and smoother process.
The Quick Actions will appear at the very bottom of your menu.
You can set a maximum of 2 Quick Actions of the following:
Apple Business Chat
For example, if you set Phone Quick Action, your users will be able to call the number you designated with just one click.
You can set a unique name for each Quick Action. For example, you can name Phone - Quick Action as 'Call Us'. It will be shown on the menu with the name you give. And it will be activated after you fill in the needed info depending on the action type.
Click here to have more ideas about Quick Action.
1. Keep It Functional But Simple
We recommend you keep your menu as simple as possible and avoid adding too many items to it. Otherwise, your menu will be confusing itself rather than guiding your customers. They need to find just what they might look for. Nothing more than that.
2. Create Proper Hierarchy
The top section of your menu will be in the limelight. And the bottom part will be drawing less attention statistically, especially if you have more items than 6-7. So, you need to keep that in mind while placing the items.
Watch The Video Tutorial To Learn How to Build Navigation Menu
You can also watch a detailed tutorial video about how to build Navigation Menu for your Shopney mobile app. Just click on the video below to enjoy.
The menu item (page) on top is always the opening page of your app. So, you need to keep Showcase the page you design on top.
Read The Articles Below to Have More Ideas About The Gold Plan Features
For further information, please feel free to contact Shopney Support Team.
You are always more than welcome with any questions or concerns. Our support team will be glad to answer them, and help you with anything!
Thanks for reading!