• 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析
  • 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析

架構規劃

完整的網路商店需要多種不同的頁面,一個精心設計的首頁、商店介紹、常見問題、退換貨政策…等。提供足夠相關的資訊能讓顧客更放心購買,如果你的網站不流暢無法在短時間吸引顧客瀏覽下去,那可能將造成您的營收大幅下降喔!

內容目錄 隱藏
1. 首頁
2. 分頁
3. 搜尋結果頁(預設商品列表)
4. 商品內容頁
5. 架構規劃影片說明

首先您需要清楚的規劃您的網站架構需要什麼,建立起網站更能事半功倍!

舉例來說,依下圖的架構而言,我們需要建立「關於我」、「最新消息」、「常見問題」的一般頁面page。(商品的部份可以利用系統上架完商品後自動帶出,若想營造個人商店特色的話,也可以改拉page頁面建構您的商品)

 

開立商店時,meepShop已貼心為您設定好新增分頁的頁面類型,分為首頁、分頁、搜尋結果頁及商品內容頁。

 

1. 首頁

首頁是網站最主要的門面往往也是網站權重最高的一個頁面,meepShop目前提供以下四個套版樣式給店家選擇

tp001版型視覺:
現代、新式、時髦的摩登時尚感,以簡單大方又融合恰到好處的設計感,是此版型想要呈顯的風格,幫助您商店打造時尚新潮風格,特別推薦給販售 潮流服飾、手錶飾品、運動用品類等賣家選用

參觀首頁:https://tp001.meepshoper.com/

參觀分頁:https://tp001.meepshoper.com/pages/about
參觀產品頁:https://tp001.meepshoper.com/products

探索 001 版型使用指南 


 

tp002版型視覺:

香奈兒女士說過:「黑色是永恆的經典,在它旁邊其他顏色都索然無味。」
此版型特地選用永恆經典黑白配色為主題模板,讓商店一秒擁有神秘高級的質感風格,
特別推薦給販售精品、時尚、化妝保養、質感選物 或喜歡經典黑白配色風格的店家選用。

參觀首頁:https://tp002.meepshoper.com/
參觀分頁:https://tp002.meepshoper.com/pages/about
參觀產品頁:https://tp002.meepshoper.com/products

探索 002 版型使用指南 

tp003版型視覺:
以北歐風「簡單、自然、明亮、舒適、清爽」的風格來呈現,
營造不花俏、不繁瑣、給人放鬆、舒適的迷人之處
特別推薦給販售 傢俱、居家生活、花藝園藝、烹飪廚具、品牌家電、3C電子產品等

首頁:https://tp003.meepshoper.com/
分頁:https://tp003.meepshoper.com/pages/about
參觀產品頁:https://tp003.meepshoper.com/products

探索 003 版型使用指南 


tp004版型視覺:

以鄉村田園風格為設計理念,運用大量柔和的色系,帶來溫馨、舒適恬靜迷人的感覺,
特別推薦給販售 食品、咖啡、麵包糕點、居家生活、花藝園藝、烹飪廚具等

首頁:https://tp004.meepshoper.com/
分頁:https://tp004.meepshoper.com/pages/about
參觀產品頁:https://tp004.meepshoper.com/products

探索 004 版型使用指南 

新店家首次設定首頁

如您是新商店,首次可直接於 ①商店設計-頁面設計-> ② 共以上4個版型,選擇您想要的套版版型  ③ 建立商店頁面

系統會幫您套用您選擇的版型,建立首頁 接著您可以參考以下版型指南說明,編輯您的首頁:

探索 001 版型使用指南 

探索 002 版型使用指南 

探索 003 版型使用指南 

探索 004 版型使用指南 

編輯更換成您的商店素材與文案,讓您能更快速建置好您的商店!

如您不是新店家,要建立新的首頁與編輯首頁,請您參考此篇進行設定。

 

2. 分頁

官網是由多個分頁組合而成,例如: 最新消息、關於我、常見問題、退換貨政策、特定商品頁面或行銷活動等頁面,皆需使用分頁來為您的網路商店內容更豐富,當網站提供足夠的資訊,才能讓顧客更瞭解您。

meepShop已先為您內建 關於我們 的分頁版型,

新店家首次選用首頁版型後,系統會自動建立「關於我們」分頁,可直接點擊編輯,

進入頁面後,點擊圖片文字/文字元件,調整您的圖片與文案,改成您商店的品牌故事喔

如想要在頁面加入其他元件,可參考頁面元件使用與設計  進行編輯設定喔~
如您不是新店家,要建立新的分頁,請您參考此篇進行設定。

 

 

3. 搜尋結果頁(預設商品列表)

搜尋結果頁為您商店前台,消費者搜尋商品後的顯示畫面,該搜尋結果頁為系統預設的固定頁面,若您上架的所有商品皆想讓消費者在前台可被搜尋到,請勿將該頁的商品列表元件做商品的篩選,系統會自動更新,讓商品可以被搜尋到

進入頁面設計 ,找到搜尋結果頁 >預設商品列表,按右下方編輯

進入頁面後點選商品列表–> 左方的「選擇商品」

 

 

如您所有商品都想要在前台顯示,則請不要做任何篩選,並確認下方符合商品項目和您上架商品數量符合,接著點擊「查看已選商品」

可設定商品排序:分為「最新商品」、 「商品名稱」 、「價格低至高」 、「價格高至低」 ,選其一後按下「確認」

頁面將會顯示所有商品,確認後按右上方「儲存」

您可以到前台產品頁檢查,應會顯示全部商品 

 

若您有隱藏商品暫時不想讓消費者搜尋到,可以使用商品權限的功能,讓商品只讓特定的人士在官網上看到,詳細設定請參考商品前台顯示狀態 、商品權限設定 ;除此方式,亦可至搜尋結果頁商品列表元件做商品的篩選,但請注意,此頁面一旦篩選,後續上架商品時,都需至此頁面重新勾選商品,前台才會出現,故較不建議於此做篩選。如您要篩選可被搜尋到的商品,設定方式如下:

進入頁面設計 找到搜尋結果頁 (預設商品列表),按右下編輯

進入頁面後點選商品列表–> 左方的「選擇商品」

 

使用標籤或關鍵字輸入商品

 

可設定商品排序:分為「最新商品」、 「商品名稱」 、「價格低至高」 、「價格高至低」 、

因您已有在此商品列表進行可被搜尋的商品,故系統僅會依您勾選的商品及排序呈現,後續如有新上架商品也要顯示與被搜尋到的話,您需要再次進入編輯勾選可顯示被搜尋的商品

查看前台產品頁面,只會顯示有勾選的商品

在商店前台搜尋未勾選到的商品名稱,該商品不會顯示

 

 

4. 商品內容頁

商品內容頁為針對不同的商品類型,設定不同的版型內容頁,方便您為不同之商品類型建立相對應的套版做套入。例:服飾版型、飾品版型等,當您上架服飾商品時就可直接套用服飾版型,上架飾品時可直接套用飾品版型,而不用再重複再做編輯。

而meepShop商品內容頁內建一個「商品頁版型」的頁面,您可直接編輯並設定為預設(相關設定請參考此篇),當商品上架時會直接套用此版型;若您商品想要有不同系列的商品內容頁版型,您也可以建立多個版型,節省您上架的時間喔!

 

 

5. 架構規劃影片說明

 

 

Related Articles
  • 頁面設計-全站設定
  • 004 版型使用指南
  • 003 版型使用指南
  • 002 版型使用指南
  • 001 版型使用指南
  • 選單目錄樣式設計
© 2013-2025 meepShop Limited.
 

載入迴響中...