Sort out the navigation of the store

When creating a new store, you need to consider a lot of things. You can’t put together something in five minutes, and then close -the guarantee of the disaster.

Navigation is a element of the design of the store. It needs to be carefully considered, trial, and may even be updated in the future. You

can Create navigation in five minutes according to your own feelings … or you can make more wise decisions with suggestions and insight.

Today, we will explain how to set up navigation of the store to better serve the shoppers . These prompts should help you answer any questions so that you can correctly Place each link (instead of placing quickly).

Let’s first take a closer look at why navigation options like menu are so important.

Why is it important to correct e -commerce navigation

Econsultation estimates that as many as 30% The products they are looking for.

The remaining 70%(or more) shoppers will switch to your navigation to browse, shopping or find products .

This gives us the first, perhaps the most obvious, making your store navigation correctly correctly Reasons: Many people rely on it. If it cannot achieve the expected purpose, they are likely to feel frustrated and leave.

Your navigation is a key component of your store design -do it well, everything else should work together. Wrong, the elements may be disconnected. (Picture source: #Wocintech chat)

标题(图片来源:#WOCinTech 聊天)
Another reason for correcting the navigation elements of the store is: the rest of your design usually depends on them. Whether you add other links to the page, set the search bar as a specific size or add other functions may depend on your operation of navigation.

Basically -to make your navigation correct, everything else should be seamlessly work and flow.

Wrong, your store may feel disconnected or difficult to use

.

Now that you know why the design is very important, let’s take a look at some techniques that help you set it correctly.

The link to your product should be placed in front and center

The first thing you want to add to store navigation is

Easily access your product

.

If you only have a few products, this may mean adding direct links to these pages in the navigation menu, just like what the Joco Cups store does:

There are only a few products in your store? From your menu link directly to them -this will save the time of shoppers.

您的商店中只有几件商品?直接从您的菜单链接到它们——这将节省购物者的时间。 On the other hand, if you divide multiple products into multiple categories, such as the Eleven Velo store, you need to link to these categories:

in the Here, navigation is a starting point -shoppers will browse other pages to find what they want.

在这里,导航是一个起点——购物者将浏览其他页面以找到他们想要的东西。 This brings the same important point:
Your shoppers should be able to find and visit your product from the moment they check your navigation
. Is it directly or directly linking through multiple categories or the number of products in your store.

Putting other important projects in the dominant navigation-their content varies from the store Most online stores have two sets of navigation -one set of \”main\” areas located on the top of the website, and the other is located at the bottom or foot. More important navigation items are usually placed in the main areas, and the less important link is added to the footer

.

Although this is the case,

You The important link may be very different from the important content that the owner thinks. Therefore, when you decide which products, pages and destinations from the top menu link, you need to consider your needs, not what other stores are doing

.

The decision to make up your \”main\” navigation and the content that eventually appears in the foot or sub -menu is different from the store.

For example, consider a store selling shoes. It is difficult to find the right shoes if you do n’t try it out first, and the subtle changes of the brand and shoe types can make such products more likely to return. Therefore, it will be easy to connect to your return policy page from the main menu link. 决定什么使您的“主要”导航以及最终在页脚或子菜单中的内容因商店而异。

But for a shop selling biscuits? If you personally don’t like the cookie you receive, you can take itThey are handed over to others. The cost is much lower, and biscuits are consumables. So this store can safely return the link to their footnates. To determine whether the link is worth leaving space in the dominant navigation, please consider:

its frequency of use – Just just Like the example of the above return policy, if most of your customers will never click on them, it may not make sense to put some pages in front and center.

    Where will the customer find information

  • -Many shoppers have received training and can be rolled to the bottom of the online store to obtain information such as answers, policies, and freight in common questions. Consider before you place it where you might go to find things.
  • The amount of space lost -This may look strange, but it is definitely possible to use the space in your navigation. Don’t try to stuff everything into a small space.
  • The footer should include pages with lower visits, such as your policy and legal terms

  • Now we have discussed the content of the leading flight, let us continue to discuss the link of the link, The second area, or the \”foot\” in WordPress terms.

Most shop owners use their footsteps to store Pointing to important but usually access frequency Links of lower pages , for example:

policy and legal terms

, Predecessor. Return policy, privacy policy …

    available

  • freight and/or carrier General company information
  • ] Information is not suitable for typical consumers
  • , for example. How to register a member plan, news report

Contact option , including email address, phone number and social media links (even if they may display/link elsewhere)

As you can see, if you have some additional pages to add to your store, but there is no space link on the top of your website, the footer will be very convenient.

But do not think of this area as a simple \”garbage dump\” for your remaining links -This it should look good, the layout is reasonable, and it is as meaningful as your main menu. For example, see how Henry J Socks footes are helpfulSubtracts for classification:

这里没有混淆。此导航部分已正确标记,因此您知道去哪里寻找您需要的东西。

There is no confusion here. This navigation part has been marked correctly, so you know where to find what you need.

If you have a lot of foot links like this store, you can use a similar method to design your store, which will make everything well in order to facilitate the finder.

Is it necessary but not the \”front -end and center\” page to link? Use the sub -menu to integrate and organize

As we mentioned, most websites have a menu at the top, and there is a footer area at the bottom. Most pages and products you want to link will be neatly fell into one of these two fields … at first.

However, with your growth,

You may find that you cannot quickly and easily determine the position of the new page . For those who may add many new products in the future, this will double, which will make you from \”I can put these into my menu!\” \”Wow, my menu is really long.\” [123 ] The first solution of this problem is to create a category page for your link. Another choice is to use the sub -menu options in WordPress. It allows you to

to create multiple selection menus. These menus can slide or drop or pull down (depending on your theme) top -level link

.

Therefore, suppose you want to link to T -shirts, sweaters and dress shirts, not just Link to shirt category. No problem -you can simply add the three new categories as a subsidy for the existing shirts in the navigation. When the shopkeeper hovers on the \”shirt\”, the other three products will also show them for clicking.

子菜单节省空间,使您的导航整洁。
Sub -menu save space and make your navigation tidy.

You can read more information about creating menu and sub -menu in our documentation.

Don’t have too much navigation part! The header and football are ideal

The last sentence: Do not choose too much for the shoppers

.

This may sound strange. Usually the opposite is the opposite -it is no problem to add new products or provide new colors and size options. But when it comes to the design of your store, simple is definitely the best choice.

太多的选择可能会使购物者感到困惑或让他们束手无策。通过尽可能多的整合来消除问题。
Too many options may make the shoppers feelConfused or let them have helplessness. Eliminate the problem through as many integrations.

This is definitely applicable to your navigation. If you try to add a third menu, another footer, or even too much sub -menu, Your potential customers may be confused about all the choices in front of them

.

Imagine the first time a shopker came to your store for the first time, the purpose is Browse what you can use. If you give them too many choices, they don’t know where to go first!

This even brings problems to shoppers who want to find specific products. If there are multiple menus or locations to find categories, products or information sources, they may not know where to find.

This may cause frustration and website abandonment.

The lesson here: Keep as simple as possible. It is doubtful that you need not only the header and footer; if your website becomes large enough, so that your destination cannot be placed there, please guide the visitors to the theme landing page or category page. And decompose from there.

It takes time to sort out your navigation, but it will make your customer’s journey smoother

Consciously considering customers to create a store’s navigation options It takes more time to do things that seem \”correct\”. But there is a huge return: it makes your client’s journey smooth and simple, eliminate the problem, and let them find what they are looking for faster.

We hope that this article can help you start thinking about what the navigation of the store should look like, no matter you, you Whether a new navigation is started or in the process of redesigning. Are there any questions to ask us? Please tell us in the comments that we are happy to help.

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *