Chapter 9 of Shopify Instruction Series - What a Million Dollar Store Looks Like - Creating Pages for Menus

Begin your Shopify 14 day free trial here: https://goo.gl/yoVxdf

The Dropshipping Database your competitors wish they had access to - Worldwide Brands has been researching dropshippers from all over the world for over 17 years. Click here to see a test drive

In this lesson, we're going to set up some of the pages we'll need for our standard menu items like About Us and Contact Us. 


Step 1) Go to your Admin Dashboard and click on Online Store




We're going to look briefly at the Template design so you can see where the Main Menu is located in the hierarchy of your site. 

Click on Themes, then click the Customize button. 



Look on the left side of your screen, and you'll see something that says :Header. It looks like a large button, and when you click on it it opens up several items that you can personalize for your store. The header section of your theme consists of the elements that appear in the top of your screen on all pages. It's where the top announcement text is set (in that black bar you see at the very top of the page in this image - not all themes have an announcement bar. Some just have text as an announcement) The Logo is just below that. Then the Main Menu. 

Just below the logo you installed in a previous lesson (in this case a banner)you'll see a section that says Menu. 

By default, this theme sets the top menu as the Main Menu. Next to the title that says Menu, you'll see a link that says Edit Menu with a little arrow pointing to the top right. You'll see this arrow often when a theme allows you to go off to another screen to edit something. Looks like this: 



Click on the Edit Menu link, which takes you to the Menu Editor. Here you can create as many menus as you like for various purposes in your store. 
For this lesson, we're going to create the following pages to build a basic structure for our menus. 

The menu link is just a shortcut that takes you to the Navigation portion of your Online Store section. So, if you ever need to edit a Menu while not in the Theme customization section, just click on Online Store, then Navigation

NOTE: If you're getting confused about the organization of your Admin Dashboard, please don't fret about that. You'll get there. It's kind of like learning to ride a bike. It will come pretty quickly. You'll be riding like a champ soon. Once you finish these lessons, you'll feel very comfortable about all of it. 



 In this screen, you can see that I've created a lot of Menu items with subcategories. I'll be showing you how to do that in detail in another lesson. Once you start creating products and collections, you'll be able to make great menus yourself. 

The very first menu you want to make is the Home menu. That way, no matter what page your visitors are on, they can always get back to the Home page. That link is a decades long tradition in the Internet world and should be part of every single website. 

#######################################################################
Tip: Years ago, there was a website called "Web Pages That Suck." (In fact, I think it's still around). Around 1997, web designers started making these slick websites they thought would wow the visitor about how cool they looked. They designed most of them in Flash, (problematic to start with, if you've ever had that nag that constantly tells you that you need to update your Flash) but the problem with these websites was something called "Mystery Meat Navigation." If you've ever eaten a can of potted meat, you know exactly what I'm talking about. 
This lesson is designed to make sure you don't offer your website visitors "Mystery Meat Navigation," in which they cannot figure out what to click on or how to just get back to the Home page. 
######################################################################

Step 2) Adding the Home Link to every page: 

Click on Add Menu Item. Type the word Home in the first box. In the next box, when you click on it you'll see a bunch of choices pop up. Click on Home as your choice. Click Add
Let's add the Search link also. That's a critical link to have on your site, too. 

Step 3) Click on Add Menu Item. Type the Word search in the first box. In the next box, click on it and choose Search, then click Add.  You now have two of the most important links on your Main Menu

Step 3) The next menus we want to create require that we create pages for them first. They are not an automatic part of the Shopify system in the same way as Home and Search. 
Click on Pages on the left side of the page under Online Store.

 



Click Add Page.

 Type Contact Us in the Title box for your page. 



Type whatever message you'd like in the content box. I've typed "Contact us here, and we'll get back to you right away!" 

Luckily, Shopify created a template for a contact form you can use. Look to the right under Template and choose page.contact from the dropdown box. This gives you a standard contact form. Click Save



Step 4) Click Add Page again. 

Type About Us in the title for this page. 

Start typing your company story in the content box. You can add an image or links, if you like. Leave the template as is, and click Save

Step 5) Now we're going to generate the Refunds & Returns, Terms of Service, and Privacy Policy pages. 

Tip: These three pages are required by the credit card giants like Mastercard and Visa if you're going to be accepting payments on their behalf. They've been a requirement since online shopping first started, so it's important to create these pages now so you won't have to worry about it later. 



Click on the Settings link at the bottom left of your Admin dashboard, then click on Checkout.



Scroll down until you see the three boxes for Refunds, Privacy policy, and Terms of Service.



Click on "Generate sample Refund policy" button. This fills in the box with a sample refund statement. Edit it however you need to in order to establish your own refund time limits and conditions. If you offer digital products like downloads, make sure you edit it to include your policy for returns or refunds for those. 

Do the same for the Privacy Policy and Terms of Service below that, then click Save. 
For each one of these, you're going to create a new page with the information from the boxes. Here's how that works: 

Right-click in each box, Select All, then Copy to copy it to your clipboard. 



Click on Pages (left side of Admin dashboard under Online Store) again, Add a Page called Refunds & Returns.

Click in the Content box, right-click, and paste the information from the sample you generated. 

Do the same for Privacy Policy, naming the page Privacy Policy and for the Terms of Service page. 




Create the Privacy Policy page:




Add the Terms of Service page: 



Those pages will be added to your Footer menu in the next lesson. You're on your way to having menus that make sense for your visitors. 



See you in the next lesson! 


Begin your Shopify 14 day free trial here: https://goo.gl/yoVxdf

The Dropshipping Database your competitors wish they had access to - Worldwide Brands has been researching dropshippers from all over the world for over 17 years. Click here to see a test drive

 If you'd like to study this lesson by watching the video version, you can find it here: 



You can go on to the next lesson here: 

Chapter 10 - Element 4 - Creating Search And Other Menus That Work For Your Customers 

No comments:

Post a Comment