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!


FEATURES

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.

Shopney, mobile app builder, navigation menu

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.

Shopney, Shopify's mobile app builder, blogs and posts

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.

mobile app builder - shopify - shopney - sub collections

You can even create sub-collections under sub-collections as shown below!

sub-collection, sub-category, shopney, shopify

You can also change the display type of the sub-collections from the right menu.

category display types at Shopney, navigation 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

category display types at Shopney mobile app builder

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.

  • Click here to have more ideas about Sub-Collections and here to watch a video tutorial about how to create Sub-Collections for your Shopney Mobile App.


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.

Shopney, my account, Shopify's mobile app builder

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.

Shopify, Shopney, my account, navigation menu

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.

Shopify's mobile app builder, Shopney, my account

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.

Shopify's mobile app builder, Shopney, my account

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.

Shopify's mobile app builder, Shopney, my account

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!

Shopify's mobile app builder, Shopney, my account

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.

Quick Action, Shopify's mobile app builder, Shopney

You can set a maximum of 2 Quick Actions of the following:

  • Phone

  • Email

  • Facebook

  • Facebook Messenger

  • Apple Business Chat

  • Twitter

  • Instagram

  • Whatsapp

  • In-app Messages

  • Web Url

  • Map

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.


PRO TIPS

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.


IMPORTANT NOTE

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

How To Display Your Blog Posts On Your Shopney Mobile App?

How To Hide Collection From Search Page Of Your App?

How Does The Image Display Change With Different Scale Choices?

How To Preview Your App?

Color Up Your App!



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!

Did this answer your question?