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

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

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

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

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

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

網(wǎng)站頂部顯示的就是你的主菜單。網(wǎng)站底部顯示的就是底部菜單。下面是主菜單的設(shè)置的詳細(xì)講解：

回到Navigation部分，點(diǎn)擊Main Menu，你可以修改主菜單的標(biāo)題，也可以不修改。這個標(biāo)題不會顯示在你的網(wǎng)站你里。在主菜單里面，我要設(shè)置一些菜單是客戶可以點(diǎn)擊進(jìn)入的。所以，如果客戶進(jìn)入我的網(wǎng)站，看到主菜單，我會想讓他們看到這些東西：

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

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

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

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

我們先刪除默認(rèn)的菜單Home和Catalog。點(diǎn)擊相應(yīng)菜單右邊的刪除圖標(biāo)來刪除菜單：點(diǎn)擊Add menu item, 輸入菜單名稱，點(diǎn)擊Link下面的空白框，選擇一個Collection：

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

點(diǎn)擊上面截圖的Cancel, 右擊左側(cè)欄的Products，打開一個新窗口。然后點(diǎn)擊Collections：點(diǎn)擊右上角的創(chuàng)建Collection, 輸入標(biāo)題：Creative Gifts. 下面選擇“手動”（手動添加產(chǎn)品到這個Collection），最后點(diǎn)擊保存：創(chuàng)建好Collection以后，我們需要添加產(chǎn)品到這個Collection. 點(diǎn)擊All products-->add product：輸入產(chǎn)品的標(biāo)題、描述、圖片、價格、重量等必要信息。

重點(diǎn)是：在右邊的Collections部分，要手動點(diǎn)擊空白框并選擇Creative Gifts. 這樣，產(chǎn)品才會顯示在這個Collection里面。最后保存。我們再回到之前那個創(chuàng)建主菜單的窗口，在Link部分選擇Creative Gifts這個Collection, 然后點(diǎn)擊添加。最后，別忘了點(diǎn)擊保存。所以，按照上面的操作步驟，我們可以添加不同的菜單，比如Cool Gifts, Funny Gifts, Mothers, Kids.

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

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

1. 我們要先創(chuàng)建一個About Us的頁面。點(diǎn)擊左側(cè)欄Online Store下面的Pages, 點(diǎn)擊添加頁面，輸入頁面標(biāo)題About Us.和內(nèi)容介紹，最后保存。2. 然后在Navigation的主菜單里添加About Us的菜單。點(diǎn)擊Add menu item, 輸入菜單名稱，link部分選擇Pages-->about us，點(diǎn)擊添加，最后保存：最后，我們再添加一個Contact Us的菜單。同樣，要先創(chuàng)建一個Contact Us的頁面。

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

點(diǎn)擊Contact Form：點(diǎn)擊Use this template：

模板自身就提供每一步要問的問題，可以刪掉也可以重新設(shè)置，點(diǎn)擊扳手圖標(biāo)可以重新設(shè)置問題，點(diǎn)擊右邊的三點(diǎn)會出現(xiàn)刪除標(biāo)志：設(shè)置好以后，點(diǎn)擊頁面頂部的Share：

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

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

回到Shopify后臺，點(diǎn)擊pages-->add page, 輸入頁面名稱Contact Us, 輸入內(nèi)容：然后點(diǎn)擊紅框標(biāo)出的標(biāo)志切換成HTML樣式：

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

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

表示空行，最后保存看怎么顯示：然后我們再來添加Contact Us的菜單。點(diǎn)擊Navigation，進(jìn)入主菜單，點(diǎn)擊add menu item, 輸入菜單名稱Contact Us, link下面選擇頁面Contact Us, 點(diǎn)擊添加，最后保存菜單。

所以，我們現(xiàn)在的主菜單有以下內(nèi)容：Creative Gifts, Cool Gifts, Funny Gifts, Mothers, Kids, About Us, Contact Us：那么如何添加二級菜單呢？

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

點(diǎn)擊Navigation，然后進(jìn)入主菜單。把鼠標(biāo)放在Kids左邊的六個點(diǎn)上，當(dāng)鼠標(biāo)變成手掌樣式，把這個菜單拖放到Mothers下面；同樣的方法操作Contact Us。最后保存。下面看看我們網(wǎng)站前臺會如何顯示：

當(dāng)然我們也可以添加一個追蹤物流記錄的頁面，客戶輸入單號以后，就可以跟蹤物流記錄。這個會在后面講解添加插件的時候說到以上就是今天的內(nèi)容。

這個shopify30天開店系列持續(xù)更新中~

（來源：小北的夢囈）