Shopify Navigation Tutorial | How to Create Drop-Down Menus, Footer, and Main Menu in Shopify Store

View Video Transcript

Hi everyone. Welcome to Today I’m going to teach you that. How you can set up the navigation in Shopify. So first of all, you click on online store and then you click on Navigation. Basically, navigation is the top navigation or any navigation menu. It can be the footer menu, it can be the main navigation menu, or it can be any menu that your coder is bas ically coded inside the shopify. You can add more menus there. But in our theme, we have like two menus. One is the catalog menu and one is the footer menu. You can see quick links. So, if you want to add a new collection, a new collection over there, then we will teach you that how you can do that. So first of all, you click on the main menu. This is the main menu. And you need to make sure that you have some collections already added in the collection menu. If you want to know how you can add new Collection in Shopify, you. Can follow our videos on our channel. It’s already there. So in previous video, we added some collection. It’s Testing collection and testing category. So we are going to add a n ew item, testing Collection. That will be the name that will show in menu and then you can share. You can find the required collection here. If you type collection testing, you will see it will show one result there. So testing collection. So tex ting category, right? And what was the name? It’s test collection. So let’s write test only because we need to connect collection with that. So test collection is there and I’m just going to add that. Okay, now I will add another one. Testing, testing category. I just add that. After that, you need to save the menu. So the menu is saved. Now we’re going to refresh the page on home page. So let’s see. Sometimes it does take. Time to show these things here because theme upgrad e takes sometimes take time. So I just refresh the page again and you can see testing collection, testing category there. Now if you want to drag, if you want to have a drop down menu, for example, I just move that under category there and this one u nder there. Okay, so it’s a two level menu. Again, it will take like a few seconds to refresh the page. So we can just keep refreshing it, see if it works. Just make sure you save it. Okay? Save okay, there you go. So you can see the Testing collection, testing category there. If you want to create the third level of menu, so you can simply have this drag. So it’s first level, second level, third level. Save this one. And again, you just need to wait for like a few seconds and it will show that over here. Okay, so we refresh that now and click on the menu. See, this is the first level, testing collection, testing category. So that’s under that collection link. So that’s how you can set up the menu. H opefully this video will help you to understand the navigation thing. And if you have any question, you can feel free to email us at or you can visit our website for further information or our contact number. Thank you.

Shopify Navigation

Here at EcomBack – we teach you what we know best. We’ll teach you about using Shopify and how you—a store owner—can implement these lessons and significantly improve your eCommerce business.

If you have a Shopify store, then you need to know how to link your collections to the Main Navigation menu. You can add anything you want to the main menu, whether that be collections, products, and other web pages.

Making a decision about online store navigation is important. Store owners need to think about how they want customers to find products and information about their eCommerce business.

A menu can direct and help navigate the customer to the categories and/or catalog of your shop, whether that be a separate section for apparel, jewelry, etc., as well as quick links to your blog posts, store policies, email links, and social media accounts.

The best part about this tutorial is that you don’t need to have any coding skills! EcomBack Shopify Experts help eCommerce business store owners create and manage navigation to link collections, products, and pages on Shopify. It’s really that easy.

By using our steps below, you can help customers find what they are looking for faster than ever before.

How to Set Up Navigation in Shopify:

  1. Click on “Online Store” on the left-hand side of the page, under “Sales channels.”
  1. Click on “Navigation.”
  1. In the “Menus” section, there can be a Footer menu and the Main Menu. Click on the main menu.
  1. Among your list of menu items, “Add menu item” to include a collection. The link and name should correspond to the collection you want customers to see on the main menu. For instance, in your “Collections,” if you have one for Apparel, then you should add a menu item that says “Apparel.”
  1. Then, save the menu by hitting the “Save” button on the top right.

Set up drop-down menus in your Shopify store:

You can use drop-down menus to group pages together and make it even easier for customers to navigate your online store. This is used when you have a lot of products, and you want to add them to a collection for organization purposes.

To make any of the main menu items into a drop-down menu, all you have to do is drag one of the items underneath another, making it a “two-level menu.” You can also make a three-level menu that requires you to repeat the step—drag a menu item underneath the item on the second level.

Make sure you save any changes.

Once your Shopify store is more navigable and organized, this can help with SEO, rankings, and more.

Get Expertise Shopify Store Services from EcomBack

EcomBack is a Shopify Partner with over ten years of expertise designing and developing top-notch Shopify stores. Our team has assisted with projects for a wide range of e-commerce businesses by building Shopify stores utilizing bespoke themes and incredible features.

If you have more questions about your Shopify store or other ways to improve your e-commerce business, don’t be scared to contact us.

EcomBack Helps to Bring More Traffic to Your Shopify Website

Marketing & Promoting Your Shopify Store

We get that you want to market your Shopify store. You’re a business owner, after all, and you want what’s best for your brand. However, if you are doing any of these things below, we’re here to tell you that this is probably ruining your traffic, thus not bringing as many customers as you could be to your online Shopify store.

The majority of people don’t even know that they are making these mistakes, and that’s okay! That’s why we’re here.

At EcomBack, we help Shopify store owners improve their website performance, traffic, sales, and SEO by optimizing their online stores for best results. Our team can give you solutions to fix your Shopify site and bring the right customers to your store to produce more revenue.

These are just 10 reasons as to why you may not be getting enough traffic on both your online store and e-commerce website. However, there are many other ways to optimize your Shopify store for SEO. The tips down below should just help get your website off to the right start, even if you don’t know anything about marketing, error codes, redirect links, or SEO.

10 Reasons Why You Aren’t Getting Enough Traffic to Your Shopify Website

  1. Forgotten Noindex Tag

Many Shopify store owners don’t realize that by not having a noindex set up on their product pages, Google is indexing them, and thus you are losing ranking opportunities. This can be quite bad for your SEO, so always double-check your top sites to be sure.

A lot of the e-commerce platforms allow you to noindex pages simply by pressing a button. There is even a Shopify app that helps you with this called Sitemap & NoIndex Manager.

  1. Not Enough Content

We understand that most business owners aren’t writers by trade, but you would be amazed at the number of websites we see with blog posts that are under 300 words. Thin content isn’t going to rank well.

Your content is your shop’s value, so always ensure to write detailed and helpful content that your customers will actually read and won’t waste their time on a bunch of nonsense. Just make sure you’re covering every single aspect of your article’s topic and write at least 500-2,000 words.

  1. Excessive Anchor Text-Rich Internal Links

Don’t put the same anchor link for a single term in every blog post. Plus, the words need to sound natural. “Click here,” “Learn more,” or “Shop our collection” are great examples. The same thing applies to the number of links as it does for the quality. You should link within your posts, but you should also know that Google tracks how many times a word appears on an entire page.

For example, if the word ‘bracelet’ is linked four times, this is way too much and can kill SEO for this site. Show other collections on the website, so visitors know there are many options. Also, including other relevant keywords makes sense – e.g., silver bracelets.

  1. High Resolution, Non-Compressed Images

In some cases, Shopify merchants are using large high-resolution images without compressing them. High resolution is excellent, but non-compressed images won’t do well from Google Image search. For instance, these images result in bandwidth overload and the slower page load times that Google hates to see!

Also, having too many products with different sizes of an image on one product page slows down the loading time so keep this under control as well. Try not to have more than three or four images for a single product page if possible.

  1. Irrelevant and Intrusive Pop-Up Ads

If you have pop-ups throughout the whole page that ruins the user experience, your Shopify store is not going to do as well as it could be. The pop-ups should provide value to the site visitor and not just be there to generate ad revenue.

For instance, adding pop-ups that announce holiday sales for your Shopify store is a great way to promote your products without being intrusive or annoying. Also, keep the pop-ups where they won’t be in the way as much.

  1. Pages with Error Codes

A 400 bad request response status code means that the server cannot or will not process the request due to something that a client has done wrong.

The opposite would be a 500 internal server error response code, which indicates that it is the server’s fault as it encountered an unforeseen condition that prevented it from fulfilling the request.

You need to fix both these errors.

  1. Redirect Loops

Check your redirects, especially for any category or landing pages that could have been moved. This is a common problem that we see after migrations and right before launch when we’re testing everything out.

Many times, you’ll remove old pages or combine content and employ 301 redirects. However, when you do these 301 redirects, something odd happens: if you move one page to another and then that page is subsequently deleted, the resulting URL should be redirected back to the original page.

You don’t want a 301 redirect loop, and you don’t want your visitors to go directly from one URL to another via 301 redirects; make sure they go straight to the final URL of your redirection scheme before updating them.

The easiest way to check this is to find a random product and enter its URL into a service tool, go through any redirects that might come up, and then try searching for it in Google. If it comes up with no results, then there may be something wrong with either your shop or that product.

  1. Orphaned Pages

Don’t get linked to anything internally. You may have the most magnificent piece of content in the world, but if no one knows about it, it’s worth nothing; you won’t obtain any rankings from it. As a result, make sure your relevant links connect to your great material.

Make sure that you don’t spend all this time creating content just for nobody to read it. It’s a good rule of thumb to interlink three distinct pieces of content in order to avoid wasting money on something that will be useless.

  1. Links to Redirected Pages

You should repair any broken internal connections and redirect if you have them. Change or delete the old internal links and replace them with the appropriate ending location. So, whenever you add 301 or 302 redirects, alter your internal links.

  1. Internal Broken Links

As your business becomes more established, you’re going to have broken links; it’s only natural for people with older sites. So make sure they’re cleared out once a quarter. This will not only clean up any mistakes you might have from the past, but it will also help to boost your rankings.

EcomBack Can Improve Your Shopify Store!

As a digital marketing and web development company, we provide many different services that will help you as an e-commerce business owner. Contact us today and discover how we can transform your website into a money-making machine.

To check out more articles from us, please visit our site here!

Optimize Your Shopify Speed – How to Improve Performance | EcomBack

Improve Website Performance

Page speed is crucial for e-commerce stores. There’s a possibility that your business is losing sales due to a poor user experience caused by lengthy load times. Shopify stores with slow loading times can cause an increase in bounce rate, dissatisfied customers, damaged reputation, lower SERP ranking, lost conversions, and shopping cart abandonment. The faster the website gets for the user, the greater the user experience. It’s that simple.

Dozens of factors can impact your site’s speed – from sluggish servers, errors, page weight, image sizes to obsolete code. Most of these are easy to fix, especially with the EcomBack team on your side.

Learn more about shopify store speed optimization and the services we provide below.

What Are the Advantages of a Fast-Responding Shopify Store?

  • Customers will be loyal to your e-commerce business if the site is easy to buy products from.
  • Conversion rates will improve significantly, mainly since slower load times result in higher abandonment rates.
  • Mobile traffic performance is ten times better, and visitors get the rapid results they want.
  • Google PageSpeed Index rewards faster online stores by ranking them higher in search results.
  • This is self-explanatory, but a fast-responding Shopify store will bring a better user experience overall. The site needs to be fast to get customers to stay.

Issues That May Be Slowing Your Website:

  • Large image sizes can slow your loading time due to the heavy “page weight,” which refers to not only the size of the picture but also how many images are on a page. In addition, the formatting, resolution, dimension, and quality can all be factors that are hindering your website’s performance.
  • Page weight refers to page size as well as the style sheets, documents, and images used. If there is an excessive amount of content on the web page, customers will have a terrible user experience waiting for it to finish loading. A heavy page weight can also mean that there are unnecessary plugins or a high number of requests from your browser.
  • There should be as few HTTP requests as possible from the server to the browser in order for your page to load at an optimal speed. This means you may need to reduce image sizes, optimize JavaScript and CSS files, merge JS files, and use a CDN (Content Distribution Network).
  • Too many redirects can rank your site lower as well. This can be solved by simply implementing a 301 permanent redirect, adding canonical tags to manage duplicate content, checking for broken links, or even removing old redirects.
  • Other issues include render-blocking, unclean code, excessive Flash content, and more

How We Can Help Speed Up Your Shopify Site

If you didn’t know already, an average of 70% of users would leave an e-commerce website if it takes longer than 3 seconds to load. Impatience is typical nowadays, especially with consumers who are used to buying things in seconds just by using their fingertips on a keyboard or touch screen.

At EcomBack, we guarantee that we can get your page ranking among the top Search Engine Result Page. This is done by solving your slow site problems, like getting a higher score in Google PageSpeed Insights, fixing Core Web Vitals issues, optimizing Shopify theme speed, fixing troubleshoot issues, and more. Better yet, we’ll help you maintain your site speed even after we are done.

Contact us today and see how fast your Shopify store can be!

The Shopify Store Speed Optimization Process


EcomBack’s team of Shopify experts will evaluate your website and find ways to improve the speed as well as fix any other issues.


We devise speed optimization plans and share with you our report and recommendations.


The team will then begin the optimization process according to the report.


Once Shopify site speed optimization is complete, we’ll share the website reports following Google Page speed guidelines and GT Metrix.

The Benefits of Shopify Store Development Services | EcomBack

The Look of Your Shopify Store Matters

Even the most minute details of your online store’s design matter. A unique, SEO-friendly theme can ensure shoppers that your business is worth buying from. Maximize your conversions with sophisticated wireframing, prototyping, as well as browser and device compatibility optimization, and others. These improvements will increase your ROI and business revenue.

There are many steps that will lead you to provide a positive shopping experience for customers. However, design is the top priority in making sure that visitors are satisfied enough to stay on the Shopify store and purchase products from your e-commerce business.

In this blog, EcomBack can help you design a custom Shopify theme that is one-of-a-kind and captivates an entire crowd of customers.

Highlight Your Brand Personality

The most important asset as an e-commerce business is your brand. An essential aspect, branding your store’s personality can play a critical role.

For instance, a brand that is:

  • Sophisticated
  • Fun
  • Calm
  • Honest
  • Friendly
  • Trustworthy
  • Authentic
  • Knowledgeable
  • Attractive

Whatever it may be, your Shopify store’s brand will attract customers that share a similar personality or one that they love.

What is the Point of a Shopify Theme?

A theme is a framework that controls an online store’s appearance, feel, and operation. This is critical for businesses to communicate their brand’s personality to consumers in a creative and visually appealing manner. For a company’s success, good theme creation that meets high standards and entices people to visit the site may be crucial.

The Shopify platform is one of the most popular e-commerce solutions on the market. It has a variety of visual templates and developer designs for designers, as well as a slew of other features that allow you to sell physical and digital products.

Shopify Store Theme Development Services:


EcomBack will manually examine a Shopify custom theme design against technical criteria.


The designers pick out custom blocks, sections, and settings that showcase your company’s distinctiveness. Then, we bring the idea to reality by creating a Shopify theme that represents your brand.


You may modify your site by customizing it with apps that are tailored to your unique requirements and offer useful functions for a better user experience.


This is the Shopify theme in action. It will give you a sense of how the Shopify theme will look.


We’ll conduct a number of tests to ensure that your unique Shopify theme is free of errors and meets all technical requirements for your company’s website, such as site speed and device compatibility with iOS, Android, and browser versions.

Final Product

Your Shopify online store is now complete, and it’s ready to go live. EcomBack’s Shopify theme specialists convert your site and publish it for you. You may now check out your lovely new website.

Work with Us

EcomBack, as a Shopify Partner, is one of the most experienced Shopify store design and development agencies, having created custom themes for a wide range of e-commerce businesses.

Our Shopify theme designers may assist you in improving customer retention, conversions, and revenue. We can enhance every aspect of your Shopify store and create an excellent theme that corresponds to your digital brand identity using the greatest standards.

Also, don’t hesitate to contact us if you have any questions regarding your Shopify store and other ways we can help your e-commerce business.