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 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.
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-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, being able to manually change the menu titles allow you to have your app in that specific language!
2. What Is 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 to be given a place at the bottom of your menu hierarchy. You can add sub-elements to Collapsable Menu only from Pages & Blogs section by dragging them into the designated area as shown below.
Pages & Blogs are opened in webview within the app. We can help you hide the header and footer in webview pages to give it a more native app feeling and look.
3. Creating & Customizing Sub-Collection Trees
The menu item named ’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.
You can see below 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 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.
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. 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!
Shopney currently supports black & white icons only. So please make sure your icon is black and a transparent one in png format.
7. Quick Actions
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 on the very bottom of your menu.
You can set a maximum of 2 Quick Actions of the followings:
*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 the needed info depending on the action type.
1. Keep It Functional But Simple
We recommend you 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!
For further guidance, please feel free to reach out to our support team.