{"id":24657,"date":"2022-04-23T06:00:00","date_gmt":"2022-04-23T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=24657"},"modified":"2024-03-15T16:43:14","modified_gmt":"2024-03-15T11:43:14","slug":"add-a-menu-and-dropdown-menu-in-shopify","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/add-a-menu-and-dropdown-menu-in-shopify\/","title":{"rendered":"How to add a Menu and Dropdown Menu in Shopify?"},"content":{"rendered":"\n<p>In this post, we will show you how to add a Menu and Dropdown Menu in <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a>.<\/p>\n\n\n\n<p>A menu &amp; drop-down menu is an essential component of every website. It improves the user experience and makes websites appear more professional. By clicking on menu items, visitors may effortlessly go to any page they like.<\/p>\n\n\n\n<p class=\"bg-light step\"><strong>You<\/strong> Might Also Like: How to <a href=\"https:\/\/mcstarters.com\/blog\/redirects-url-in-shopify\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/mcstarters.com\/blog\/redirects-url-in-shopify\/\" rel=\"noreferrer noopener\">redirect URL in Shopify<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add a Menu and Dropdown Menu in shopify<\/h2>\n\n\n\n<p>It is easy if you follow every step to add a menu and dropdown menu in shopify.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create a menu in shopify<\/h3>\n\n\n\n<p>When visitors arrive at your website, the header navigation menu is the first thing they notice, and it plays an important role in emphasizing key parts. Any online retailer should have a well-designed drop-down menu with clear and informative categories.<\/p>\n\n\n\n<p>Follow these steps to create a menu in shopify easily:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add menu into shopify<\/h3>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>Sign in to your <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a> store, go to Online store &gt; Click on Navigation &gt; Add Menu<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"283\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-navigation.webp\" alt=\"Shopify navigation\" class=\"wp-image-24680\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Click on Add Menu Item<\/h2>\n\n\n\n<p class=\"step\"><strong>Step 2: <\/strong>Enter the menu name and click on Add Menu Item<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"283\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-Add-Menu.webp\" alt=\"Shopify Add Menu\" class=\"wp-image-24679\" title=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create shopify menu<\/h2>\n\n\n\n<p class=\"step\"><strong>Step 3: <\/strong>Now enter menu item name and search pages, collection, product, and blog post and click on Add<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"332\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-add-menu-items.webp\" alt=\"Shopify add menu items\" class=\"wp-image-24677\" title=\"\"><\/figure>\n\n\n\n<p class=\"step\"><strong>Step 4: <\/strong>Last, click on  &#8220;Save Menu&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"321\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-Save-Menu.webp\" alt=\"Shopify Save Menu\" class=\"wp-image-24678\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add Dropdown Menu in shopify<\/h3>\n\n\n\n<p>By grouping goods, collections, or pages together under labels, drop-down menus make it easier for customers to browse your online business. It consists of both top-level and sub-menu items. When you hover on top menu items, they appear in the main navigation menu, and when you hover on nested menu items, they appear in the drop-down menu.<\/p>\n\n\n\n<p>Follow these steps to add a dropdown menu in <a href=\"https:\/\/www.shopify.com\/free-trial?ref=mc-starters\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.shopify.com\/free-trial?ref=mc-starters\" rel=\"noreferrer noopener nofollow\">shopify<\/a> easily:<\/p>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>First create a top level menu item.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"335\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Add-Dropdown-menu-in-shopify.webp\" alt=\"Add Dropdown menu in shopify\" class=\"wp-image-24705\" title=\"\"><\/figure>\n\n\n\n<p class=\"step\"><strong>Step 2: <\/strong>Drag and drop the sections, and pages related to the same topic under one label.<\/p>\n\n\n\n<p>For example, We drag E-Book under About Us. For adding more menus just click on Add menu item to About Us.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"326\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Drag-menu-in-shopify.webp\" alt=\"Drag menu in shopify\" class=\"wp-image-24706\" title=\"\"><\/figure>\n\n\n\n<p>We hope this article helped you learn how to\u00a0add menu and dropdown menu in shopify. You may also want to get help from our shopify expert.<\/p>\n\n\n\n<p>If you liked this article, then please subscribe to our&nbsp;<a href=\"https:\/\/www.youtube.com\/mcstarters\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">YouTube Channel<\/a>&nbsp;for web, windows, tech, and how-tos tutorials. You can also find us on&nbsp;<a href=\"https:\/\/twitter.com\/mc_starters\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">Twitter<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/www.facebook.com\/mcstarters\/\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">Facebook<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1650590972166\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I add a menu in Shopify?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Login to <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a> admin and then click Navigation.<br \/>Click Add menu.<br \/>Add menu items with names and links.<br \/>Click the Save menu.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>In this post, we will show you how to add&#8230;<\/p>\n","protected":false},"author":5,"featured_media":24667,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[80],"tags":[234,212],"class_list":["post-24657","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","tag-shopify","tag-website-builder"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/24657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=24657"}],"version-history":[{"count":0,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/24657\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/24667"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=24657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=24657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=24657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}