Site icon meepShop操作教學網站

新增分頁

清楚的規劃您的網站架構需要多少頁面後,讓我們來一步一步開始新增頁面囉!

您可新增 首頁、一般分頁以及產品頁,請參考下列步驟建立

 

 

一、新增首頁

當您想要創建一個新的首頁來為您的商店改版時,可先新增首頁來進行編輯,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 : 確認「 新增 」

後續您可編輯該商品頁版型的樣式,請參考此篇進行設定 

 

 

Exit mobile version