3天學會在Shopify上開店系列之Day1，Day2，Day3，Day4，不知道大家消化得怎么樣，今天我們繼續(xù)~

今天我們要講的是在Shopify上開店，關(guān)于店鋪設(shè)置創(chuàng)建頁面的細節(jié)，包括要創(chuàng)建哪些頁面，如何創(chuàng)建，以及設(shè)置導(dǎo)航。

登錄Shopify后臺以后，點擊左側(cè)的Online store-->Navigation:

菜單分為底部菜單和主菜單。下面看看這兩個菜單分別顯示在網(wǎng)站的哪個位置。

打開你的店鋪地址：xxx.myshopify.com

網(wǎng)站頂部顯示的就是你的主菜單。

網(wǎng)站底部顯示的就是底部菜單。

下面詳細講解一下主菜單的設(shè)置

回到Navigation部分，點擊Main Menu，你可以修改主菜單的標題，也可以不修改。這個標題不會顯示在你的網(wǎng)站里。

在主菜單里面，我要設(shè)置一些菜單是客戶可以點擊進入的。所以，如果客戶進入我的網(wǎng)站，看到主菜單，我會想讓他們看到這些東西：

客戶有辦法聯(lián)系我們；

客戶可以追蹤他們的訂單物流記錄；

客戶可以點擊不同的產(chǎn)品類目。

接下來進入菜單內(nèi)容設(shè)置

我們先刪除默認的菜單Home和Catalog。點擊相應(yīng)菜單右邊的刪除圖標來刪除菜單：

點擊Add menu item, 輸入菜單名稱，點擊Link下面的空白框，選擇一個Collection:

如果這個要添加的Collection事先沒有創(chuàng)建好，那么我們就需要回到Products里去創(chuàng)建一個Collection.

點擊上面截圖的Cancel, 右擊左側(cè)欄的Products，打開一個新窗口。然后點擊Collections:

點擊右上角的創(chuàng)建Collection, 輸入標題：Creative Gifts. 下面選擇“手動”（手動添加產(chǎn)品到這個Collection），最后點擊保存：

創(chuàng)建好Collection以后，我們需要添加產(chǎn)品到這個Collection. 點擊All products-->add product:

輸入產(chǎn)品的標題、描述、圖片、價格、重量等必要信息。

重點是：在右邊的Collections部分，要手動點擊空白框并選擇Creative Gifts. 這樣，產(chǎn)品才會顯示在這個Collection里面。最后保存。

我們再回到之前那個創(chuàng)建主菜單的窗口，在Link部分選擇Creative Gifts這個Collection, 然后點擊添加。最后，別忘了點擊保存。

所以，按照上面的操作步驟，我們可以添加不同的菜單，比如Cool Gifts, Funny Gifts, Mothers, Kids.

當然，菜單里面不僅僅可以添加Collection，而且可以添加產(chǎn)品、頁面、博客帖子等內(nèi)容。

比如要創(chuàng)建一個About Us菜單（名稱可以換，你可以說Meet Us,方便自己辨認即可）。

1. 我們要先創(chuàng)建一個About Us的頁面。點擊左側(cè)欄Online Store下面的Pages, 點擊添加頁面，輸入頁面標題About Us.和內(nèi)容介紹，最后保存。

2. 然后在Navigation的主菜單里添加About Us的菜單。點擊Add menu item, 輸入菜單名稱，link部分選擇Pages-->about us，點擊添加，最后保存：

最后，我們再添加一個Contact Us的菜單。同樣，要先創(chuàng)建一個Contact Us的頁面。

關(guān)于聯(lián)系我們的樣式，推薦用typeform.com里面的。打開網(wǎng)站以后，要先注冊。注冊以后，點擊郵件激活，然后登錄平臺。

點擊Contact Form:

點擊Use this template:

模板自身就提供每一步要問的問題，可以刪掉也可以重新設(shè)置，點擊扳手圖標可以重新設(shè)置問題，點擊右邊的三點會出現(xiàn)刪除標志：

設(shè)置好以后，點擊頁面頂部的Share:

可以看到有三種分享方式：鏈接、插入、郵件。

這里我們選擇把代碼插入到我們的Contact Us頁面里，點擊EMBED，個人建議用彈窗的形式展現(xiàn)，點擊Popup, 按鈕的文本內(nèi)容和字體大小都是可以修改的。設(shè)置好以后，點擊Get the Code：

復(fù)制代碼：

回到Shopify后臺，點擊pages-->add page, 輸入頁面名稱Contact Us, 輸入內(nèi)容：

然后點擊紅框標出的標志切換成HTML樣式：

粘貼代碼并保存，全選內(nèi)容，點擊Center aligh可以調(diào)到頁面中間來：

如果你覺得文字內(nèi)容和按鈕之間的間隔太小了，可以切換成HTML樣式以后多加幾行

表示空行，最后保存看怎么顯示：

然后我們再來添加Contact Us的菜單。點擊Navigation，進入主菜單，點擊add menu item, 輸入菜單名稱Contact Us, link下面選擇頁面Contact Us, 點擊添加，最后保存菜單。

所以，我們現(xiàn)在的主菜單有以下內(nèi)容：Creative Gifts, Cool Gifts, Funny Gifts, Mothers, Kids, About Us, Contact Us：

那么如何添加二級菜單呢？

比如上面這種排列方式太不美觀，我想把Kids放到Mothers下面，把Contact Us放在About Us下面。

點擊Navigation，然后進入主菜單。把鼠標放在Kids左邊的六個點上，當鼠標變成手掌樣式，把這個菜單拖放到Mothers下面；同樣的方法操作Contact Us。最后保存。

下面看看我們網(wǎng)站前臺會如何顯示：

當然我們也可以添加一個追蹤物流記錄的頁面，客戶輸入單號以后，就可以跟蹤物流記錄。這個會在后面講解添加插件的時候說到。

以上就是今天的內(nèi)容。對了，接下來我會加快速度來寫完這個30天的設(shè)置的~~以上！

（來源：小北的夢囈）