商店頁面設計主要讓您的顧客一進來就覺得頁面好逛 。越是美觀清楚的頁面設計，越能讓顧客停留購買，這章節會介紹如何編輯/新增頁面
一、架構規劃
首先您需要先規劃您的網站架構，想要呈現給消費者的每個頁面。
依下圖的架構而言，您可以先構想您網站需要呈現的相關頁面，可能會需要建立如：「關於我」、「最新消息」、「常見問題」的一般頁面page。（商品的部份可以利用系統上架完商品後自動帶出，若想營造個人商店特色的話，也可以改拉page頁面建構您的商品）
meepShop系統後台依造頁面類型，分為「 首頁」、「分頁」、「搜尋結果頁」及「商品內容頁」，各類別的詳細說明請至 架構規劃 章節。
二、首頁設計
因在 新手快速開店第一篇-商店後台基本設定 ，有先選擇套版建立好首頁的模板，
①商店設計-頁面設計-> ② 共以上4個版型，選擇您想要的套版版型 ③ 建立商店頁面
請點選首頁，點擊下方「 編輯 」
後續您可以開始將原本版型的圖片刪除，再更換成您商店的圖片即可喔！
如想要在頁面加入其他元件，可參考頁面元件使用與設計 進行編輯設定喔～
三、新增一般分頁
官網是由多個分頁組合而成，需要建立如「關於我們」、「最新消息」、「常見問題」、「熱門商品」的一般頁面，則需要一一建立分頁來進行編輯設定，meepShop提供多組頁面模版供店家選用，方便您快速進行編輯
（1）使用模板新增分頁
如您對頁面排版較沒有想法，建議可以使用meepShop提供套版頁面版型，能加速您快速完成頁面設計喔！
Step 1 : 請至 商店設計->頁面設計，在頁面搜尋右方 按下新增 
新增頁面類型分為 首頁、一般分頁、商品內容頁 ，這邊介紹新增一般分頁
Step2 : 系統提供多組模板，請您選取適合的版型後按右下方「下一步」
Step 3 : 輸入頁面名稱，此為後台顯示的名稱，EX:關於我們
Step 4 : 設定頁面網址名稱，此為前台顯示的網址 
範例：輸入 aboutus
您該頁面網址即為：https://www.您的網址/pages/aboutus
Step 5 : 設定網頁分頁名稱，此為瀏覽器上頁籤顯示名稱 
Step 6 : 確認後按下方新增
系統將會直接跳至該頁面，並帶入套版的模板，
您可直接點擊模版中的圖片文字/文字元件等，更換成您商店的圖片與文案，
也可直接拉左側的元件開始為您的頁面做設計裝潢
相關元件的設定說明請至 頁面元件使用與設計 說明。
（2）使用空白分頁建立一般頁面
如預設的頁面模板不符合您商店的風格，或是您要設定如 「隱私權政策」等頁面，建議您可以選用空白分頁，依您商店的風格來為您打造您的分頁喔！
Step 1 : 請至 商店設計->頁面設計，在頁面搜尋右方 按下新增
新增頁面類型分為 首頁、一般分頁、商品內容頁 ，這邊介紹新增一般分頁
Step2 : 選取「空白的版型」後按右下方「下一步」
Step 3 : 輸入頁面名稱，此為後台顯示的名稱，EX:關於我們
Step 4 : 設定頁面網址名稱，此為前台顯示的網址
範例：輸入 returnpolicy
您該頁面網址即為：https://www.您的網址/pages/returnpolicy
Step 5 : 設定網頁分頁名稱，此為瀏覽器上頁籤顯示名稱
Step 6 : 依您需求選取此頁面版型樣式，樣式分為5種，
Step 7 : 依您需求設定該頁是否要開啟頁腳 (頁腳為置底選單，詳細設定請至 設定選單目錄-置底選單設定)
Step 8 : 確認後按下方新增
系統將會直接跳至該空白頁面，您可直接拖拉左方的元件，開始設計分頁內容
如拉入文字元件，編輯您商店的退換貨政策，
編輯完成請記得要按右上方「儲存」即可完成喔
（3）使用空白分頁建立商品頁
Step 1 : 請至 商店設計->頁面設計，在頁面搜尋右方 按下新增
新增頁面類型分為 首頁、一般分頁、商品內容頁 ，這邊介紹新增一般分頁
Step2 : 選取「空白的版型」後按右下方「下一步」
Step 3 : 輸入頁面名稱，此為後台顯示的名稱，EX: 新品上市
Step 4 : 設定頁面網址名稱，此為前台顯示的網址
範例：輸入
您該頁面網址即為：https://www.您的網址/pages/returnpolicy
Step 5 : 設定網頁分頁名稱，此為瀏覽器上頁籤顯示名稱
Step 6 : 依您需求選取此頁面版型樣式，樣式分為5種，
Step 7 : 依您需求設定該頁是否要開啟頁腳 (頁腳為置底選單，詳細設定請至 設定選單目錄-置底選單設定)
Step 8 : 確認後按下方新增
選擇元件「商品列表」，點擊拖拉至頁面中，在按右上方儲存即可
編輯商品列表
(1) 商品項目
篩選該商品列表要顯示的商品，請先點擊左方選擇商品
商品選擇方式 分為「手動選擇」與「自動新增」兩個方式：
「手動選擇」: 手動勾選該列表要顯示的商品，如後續有新上架商品，需要再次進入編輯勾選要加入的商品，系統不會自動新增，此設定可調整商品順序
可輸入商品名稱或標籤後，勾選要顯示的商品，並點擊右下方編輯已選商品
可設定商品排序：分為「最新商品」、 「商品名稱」 、「價格低至高」 、「價格高至低」 、「自訂排序」
如要自訂商品排序，可選擇「自訂排序」後，拖拉移動下方的商品順序，並按右下方「確認」
商品列表則會依您選好的商品及順序排列，確認無誤後再點擊右上方「 儲存 」
因您已有在此商品列表進行篩選，故系統僅會依您勾選的商品及排序呈現，後續如有新上架商品也要顯示在該列表的話，您需要再次編輯商品進行勾選與排序
「自動新增」: 根據自訂篩選的條件，符合的商品如後續上架，系統會自動更新，
您可以使用商品標籤，找到想要呈現於商品列表的商品，確認後按右下方「查看已選商品」
商品排序：預設以最新商品排序，另可選 「商品名稱」 、「價格低至高」 、「價格高至低」作為排序
確認排序後，請點擊右下方確認，即可查看到商品列表呈現商品標籤有髮類用品的 三項商品
如未來您再上架新品，新品的標籤也有相同的「髮類用品」 ，
後續系統即會自動新增到該商品列表喔！
其他商品列表顯示細節，可以參考此篇進行後續設定喔！
當分頁都建立完成，回到頁面設計，分頁內就會顯示您剛剛建立好的頁面囉！
您可於該頁面按右方的設定，可再次重新命名分頁名稱，設定SEO，釘選或取消釘選，複製或刪除該頁面。關於頁面SEO設定可參考此篇
如要再次編緝頁面內容，點選要編輯的頁面，按下方「編輯」可再次進入設計頁面做編輯調整，
若按預覽頁面，將會前往商店前台顯示該頁面目前設計之樣式喔!
如要調整頁面的寬度 、更改頁面版型選單（無選單、置頂選單、置頂+側邊選單、雙置頂+側邊選單、雙置頂選單），
請參考頁面設定 進行調整
頁面設計都完成後， 立即前往 新手快速開店第七篇-商店選單設計