Starting from scratch, learn how to set up a store on Shopify in 30 days – Day5

Free 15 days Shopify shop application,

https://www.shopify.com/?ref=laoqu

Okay, today we are going to talk about opening a shop on Shopify, the details of creating pages for shop settings, including which pages to create, how to create them, and setting navigation.

After logging in to the Shopify backend, click Online store-->Navigation on the left :

The menu is divided into bottom menu and main menu . Let's see where these two menus are displayed on the website.

Open your shop address: xxx.myshopify.com

The top of the website is your main menu.

The bottom menu is displayed at the bottom of the website.

Let's explain in detail the settings of the main menu

Go back to the Navigation section and click Main Menu , you can modify the title of the main menu or not. This title will not be displayed on your website.

In the main menu, I want to set some menus that customers can click to enter. So, if customers enter my website and see the main menu, I want them to see these things:

• Customers have ways to contact us;
• Customers can track their order logistics records;
• Customers can click on different product categories.

Next enter the menu content settings

We first delete the default menus Home and Catalog. Click the delete icon on the right of the corresponding menu to delete the menu:

Click Add menu item , enter the menu name, click the blank box under Link, and select a Collection :

If the Collection to be added has not been created in advance, then we need to go back to Products to create a Collection.

Click Cancel in the above screenshot, and right-click Products in the left column to open a new window. Then click Collections:

Click Create Collection in the upper right corner , enter the title: Creative Gifts. Below, select "Manual" (manually add products to this Collection), and finally click Save:

After creating the Collection, we need to add products to this Collection. Click All products–>add product :

Enter the product title, description, picture, price, weight and other necessary information.

The important point is: In the Collections section on the right, manually click the blank box and select Creative Gifts. In this way, the products will be displayed in this Collection. Finally save.

Let's go back to the previous window that created the main menu, select the Collection of Creative Gifts in the Link section, and click Add. Finally, don’t forget to click Save.

So, following the above steps, we can add different menus, such as Cool Gifts, Funny Gifts, Mothers, Kids.

Of course, not only collection can be added to the menu, but also products, pages, blog posts and other content can be added.

For example, you want to create an About Us menu (the name can be changed, you can say Meet Us, so you can easily identify it).

1. We need to create an About Us page first. Click Pages under Online Store in the left column, click Add page, enter the page title About Us. and content introduction, and finally save.

2. Then add the About Us menu to the main menu of Navigation. Click Add menu item, enter the menu name, select Pages–>about us in the link section, click Add, and finally save:

Finally, we add another Contact Us menu. Similarly, first create a Contact Us page.

Regarding the style of contacting us, it is recommended to use typeform.com . After opening the website, you must first register. After registration, click Email to activate, and then log in to the platform.

Click on Contact Form:

Click Use this template:

The template itself provides the questions to be asked at each step, which can be deleted or reset. Click the wrench icon to reset the question, and click the three points on the right to display the delete symbol:

After setting up, click Share at the top of the page:

You can see that there are three ways to share: link, insert, and email.

Here we choose to insert the code into our Contact Us page, click EMBED, personally suggest to display it in the form of a pop-up window, click Popup, the text content and font size of the button can be modified. After setting, click Get the Code:

Copy the code:

Back to the Shopify backend, click pages–>add page, enter the page name Contact Us, and enter the content:

Then click the logo marked in the red box to switch to HTML style:

Paste the code and save, select all content, click Center aligh to transfer to the middle of the page:

If you think the space between the text content and the button is too small, you can switch to HTML style and add a few more lines<p></p> to indicate blank lines, and finally save it to see how it is displayed:

Then we will add the Contact Us menu. Click Navigation to enter the main menu, click add menu item, enter the menu name Contact Us, select the page Contact Us under link, click Add, and finally save the menu.

So, our main menu now has the following content: Creative Gifts, Cool Gifts, Funny Gifts, Mothers, Kids, About Us, Contact Us:

So how to add a secondary menu?

For example, the above arrangement is too unsightly. I want to put Kids under Mothers and Contact Us under About Us.

Click Navigation, and then enter the main menu. Place the mouse on the six points on the left of Kids. When the mouse becomes a palm style, drag and drop this menu under Mothers; operate Contact Us in the same way. Finally save.

Let's take a look at how the front desk of our website will display:

Of course, we can also add a page to track logistics records. After customers enter the tracking number, they can track logistics records. This will be discussed later when adding plug-ins!

The above is today's content.

This article comes from Gu Xiaobei's B2C blog