The shopping apps are intended to offer the easiest navigation and the simplest user experience in mobile devices. Therefore, the menu of your app is crucial because it is the spot where your customers will look at when they want to navigate to a specific page in your app or 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 some of menu features in Shopney and some pro tips to make your menu satisfy your customers' needs. Let’s go!
1. Changing 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 specific name. The video below demonstrates how to change the name of a menu item.
2. What Is Collapsable Menu?
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 to be given place in the bottom of your menu hierarchy. You can add sub-elements to Collapsable Menu only from Pages&Blogs section by dragging them into designated area as shown below.
3. Creating & Customizing Sub-Collection Trees
The menu item named as ’Collections’ in the left bar enables you to list multiple collections under. 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. Also, you can create sub-collections in sub-collections as shown below.
You can also change the display type of the sub-collections from the right menu.
Below you can see how each type will display your sub-collections.
Type 1 Type 2 Type 3 Type 4
If type 3 is chosen and the collections don't have images, your sub-collections will be displayed only with the title in the middle.
4. What is 'My Account'?
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 seperate items on menu, it is possible combine them all under ‘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 element-related menu on the right.
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, 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 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. Menu Icons
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!
7. Quick Actions
Basically, Quick Actions are convenient actions which enable your users to perform a set of certain actions with a shorter and smoother process.
The Quick Actions will appear on the very bottom of your menu.
You can set maximum 2 Quick Actions of followings:
*Apple Business Chat
For example, if you set Phone Quick Action, you 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 in the menu with the name you give. And it will be activated after you fill the needed info depending on action type.
1. Keep It Functional But Simple
We recommend you to keep your menu as simple as possible and avoid adding too many items into 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.
*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.
Thanks for reading... Now, it's time to go and practice what you learned here!