清楚的規劃您的網站架構需要多少頁面後,讓我們來一步一步開始新增頁面囉!
您可新增 首頁、一般分頁以及產品頁,請參考下列步驟建立
一、新增首頁
當您想要創建一個新的首頁來為您的商店改版時,可先新增首頁來進行編輯,meepShop提供套版的首頁版型與空白的首頁,可依您商店的風格選用,
使用模板新增首頁
如您對頁面排版較沒有想法,建議可以使用meepShop提供套版的首頁版型,能加速您快速完成商店建置喔!
Step 1 : 請至 商店設計->頁面設計,在頁面搜尋右方 按下新增
新增頁面類型分為 首頁
Step2 : 系統提供「套版的首頁版型」讓您選擇 ,請選取您要的模板版型後,按右下方「下一步」
Step 3 : 輸入頁面名稱,此為後台顯示的首頁名稱,EX:新首頁
系統將會直接跳至該頁面,並帶入套版的模板,
您可直接點擊模版中的圖片文字/文字元件等,更換成您商店的圖片與文案,
另可點擊左邊元件,拉入其他元件來豐富的您首頁
如想要在頁面加入其他元件,可參考頁面元件使用與設計 進行編輯設定喔~
當您的首頁建立完成後,要以新首頁上線時,請記得要更改為「預設首頁」,前台才會更新喔!
使用空白首頁
如預設的模板的版型不符合您商店的風格,建議您可以選用空白頁面,可依您商店的風格來為您打造獨一無二的首頁喔!
Step 1 : 請至 商店設計->頁面設計,在頁面搜尋右方 按下新增
新增頁面類型分為 首頁
Step 2 : 輸入頁面名稱,此為後台顯示的首頁名稱,EX:新首頁
Step 3 :依您需求選取此頁面版型樣式,樣式分為5種,
Step 4 : 依您需求設定該頁是否要開啟頁腳 (頁腳為置底選單,詳細設定請至 設定選單目錄-置底選單設定)
Step 5 : 確認「 新增 」
系統會建立空白的首頁,請點擊左邊元件,可參考頁面元件使用與設計 拉入其他元件來豐富的您首頁喔!
當您的首頁建立完成後,要以新首頁上線時,請記得要更改為「預設首頁」,前台才會更新喔!
二、新增一般分頁
官網是由多個分頁組合而成,需要建立如「關於我們」、「最新消息」、「常見問題」、「熱門商品」的一般頁面,則需要一一建立分頁來進行編輯設定,meepShop提供多組頁面模版供店家選用,方便您快速進行編輯
使用模板新增分頁
如您對頁面排版較沒有想法,建議可以使用meepShop提供套版頁面版型,能加速您快速完成頁面設計喔!
Step 1 : 請至 商店設計->頁面設計,在頁面搜尋右方 按下新增
新增頁面類型分為 首頁、一般分頁、商品內容頁 ,這邊介紹新增一般分頁
Step2 : 系統提供多組模板,請您選取適合的版型後按右下方「下一步」
Step 3 : 輸入頁面名稱,此為後台顯示的名稱,EX:關於我們
Step 4 : 設定頁面網址名稱,此為前台顯示的網址
範例:輸入 aboutus
您該頁面網址即為:https://www.您的網址/pages/aboutus
Step 5 : 設定網頁分頁名稱,此為瀏覽器上頁籤顯示名稱
Step 6 : 確認後按下方新增
系統將會直接跳至該頁面,並帶入套版的模板,
您可直接點擊模版中的圖片文字/文字元件等,更換成您商店的圖片與文案,
也可直接拉左側的元件開始為您的頁面做設計裝潢
相關元件的設定說明請至 頁面元件使用與設計 說明。
使用空白分頁
如預設的頁面模板不符合您商店的風格,建議您可以選用空白分頁,依您商店的風格來為您打造您的分頁喔!
Step 1 : 請至 商店設計->頁面設計,在頁面搜尋右方 按下新增
新增頁面類型分為 首頁、一般分頁、商品內容頁 ,這邊介紹新增一般分頁
Step2 : 選取「空白的版型」後按右下方「下一步」
Step 3 : 輸入頁面名稱,此為後台顯示的名稱,EX:關於我們
Step 4 : 設定頁面網址名稱,此為前台顯示的網址
範例:輸入 returnpolicy
您該頁面網址即為:https://www.您的網址/pages/returnpolicy
Step 5 : 設定網頁分頁名稱,此為瀏覽器上頁籤顯示名稱
Step 6 : 依您需求選取此頁面版型樣式,樣式分為5種,
Step 7 : 依您需求設定該頁是否要開啟頁腳 (頁腳為置底選單,詳細設定請至 設定選單目錄-置底選單設定)
Step 8 : 確認後按下方新增
系統將會直接跳至該空白頁面,您可直接拖拉左方的元件,開始設計分頁內容
如拉入文字元件,編輯您商店的退換貨政策,
編輯完成請記得要按右上方「儲存」即可完成喔
回到頁面設計,分頁內就會顯示您剛剛建立好的頁面囉!
您可於該頁面按右方的設定,可再次重新命名分頁名稱,設定SEO,複製或刪除該頁面。關於頁面SEO設定可參考此篇
如要再次編緝頁面內容,點選要編輯的頁面,按下方「編輯」可再次進入設計頁面做編輯調整,
若按預覽頁面,將會前往商店前台顯示該頁面目前設計之樣式喔!
如要調整頁面的寬度 、更改頁面版型選單(無選單、置頂選單、置頂+側邊選單、雙置頂+側邊選單、雙置頂選單),
請參考頁面設定 進行調整
三、新增商品內容頁
商品內容頁-商品頁版型 會套入系統預設的圖片,如您商店有多系列商品,如販售服飾、飾品等,您可為創建多個商品版型頁面,譬如在服飾版型頁內,放入model的圖片,讓您的商品上架後可直接套入此版型,就不用一一再拉圖片元件做設定喔!
Step 1 : 請至 商店設計->頁面設計,在頁面搜尋右方 按下新增
新增頁面類型選擇「商品內容頁」
Step 2 : 輸入頁面名稱,此為後台顯示的首頁名稱,EX:服飾版型
Step 3 :依您需求選取此頁面版型樣式,樣式分為5種
Step 4 : 依您需求設定該頁是否要開啟頁腳 (頁腳為置底選單,詳細設定請至 設定選單目錄-置底選單設定)
Step 5 : 確認「 新增 」
後續您可編輯該商品頁版型的樣式,請參考此篇進行設定