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

新手快速開店第七篇-商店選單設計與色彩配置

當您完成商店的基本架構與頁面設計後,接下來的重要步驟就是 設定選單。

選單就像是商店的導覽地圖,能幫助顧客在最短的時間內找到想要的資訊或商品。透過清晰、直覺的選單設計,顧客不需要花時間搜尋,就能快速進入商品分類、優惠活動頁面或其他重要資訊,這不僅能提升購物體驗,也能有效增加下單轉換率,讓我們開始設定選單吧!

 

meepShop簡易規劃了版型的置頂選單、橫幅選單、側邊選單、置底選單,讓顧客可以輕鬆地瀏覽,找到需要的資訊。

1. 如何更改頁面選單的版型?

若您目前的頁面想要更改選單版型,請參考以下設定方式調整成您想要的版型

Step1 : 點選商店設計-頁面設計

Step2 : 選擇需要更改版型的頁面,選取右下方編輯

Step3 : 選擇頁面左上方的設定 ,在頁面選單版型內可更改選單頁面版型


分為「無選單」、「置頂選單」、「置頂+側邊選單」、「雙置頂+側邊選單」、「雙置頂選單」
您可依造您喜好,為頁面選擇適合的選單版型,就可以來為各選單做設定囉!

 


2. 置頂選單設定

系統會依造您選擇的套版版型,產生預設的置頂選單內容(如下圖)

一般消費者已經習慣在網站右上方可找到 首頁、登入會員Login、購物車等按鍵,meepShop在置頂選單已經先幫您建立好基本的項目選項,包含購物車、首頁Home、關於我們等,您可以在依照您商店的需求建立其他設定,讓我們來了解如何建立吧!

 

Step1 : 點選商店設計-選單目錄

Step2 : 選擇置頂選單

Step3 : 於空白的選單設計中輸入您想在頁面上呈現名稱

Step4 : 選擇此選單要設定的功能

          商店分頁: 指您在頁面設計中有新增的分頁,可設定直接連結分頁。

          自訂連結: 若您要連結到網址,如您的fb粉絲頁,則可直接選連結設定貼上您欲連結的網址。

Step5 : 若需要另開啟分頁可做勾選

如要設定 會員登入 選項

Step1 : 點選商店設計-選單目錄

Step2 : 選擇置頂選單

Step3 : 於空白的選單內,按鍵盤 Enter 鍵,輸入「會員登入」

Step4 : 會顯示您輸入的會員登入

Step5 : 連結類型:選擇「會員登入 」

設定完成後,前台置頂選單就會顯示 會員登入的選項喔!

 

如要設定 購物車 選項

Step1 : 點選商店設計-選單目錄

Step2 : 選擇置頂選單

Step3 : 於空白的選單內,按鍵盤 Enter 鍵,輸入「購物車」

Step4 : 會顯示您輸入的購物車

Step5 : 連結類型:選擇「購物車」



設定完成後,前台置頂選單就會顯示 購物車的選項喔,當消費者將商品加入購物車,將可進入購物車頁面進行結帳喔!

 


3. 橫幅選單設定

系統會依造您選擇的套版版型,產生預設的橫幅選單內容(如下圖)


您可自行設定,通常一般購物網站橫幅選單最常看到的就是「熱賣商品」、商品的分類 、活動頁面等…等,讓我們來依照下面步驟來設定吧!

Step1 : 點選商店設計-選單目錄

Step2 : 選單目錄選擇『橫幅選單』

Step3 : 設定分頁名稱

Step4 : 選擇您此分頁要設定的功能,如此頁要顯示已上架的商品,則選擇「商品搜尋結果」

Step5 : 選擇Tags,Tags為您上架商品時所設定的商品標籤,如下圖所示,設定後前台將會顯示有設定到該Tags的商品 

EX: 如您在Tags設定的標籤為 上衣,前台該頁面就會顯示您上架商品有設定上衣標籤的商品  

Step6 : 設定該頁面顯示商品的金額範圍,若最大金額為10000,則前台頁面將顯示金額為10000以下的商品

 


 

4. 側邊選單設定

系統會依造您選擇的套版版型,產生預設的側邊選單內容(如下圖)



側邊選單一般網路商店會將販售之產品細項分類於此,讓我們來看看該怎麼設定吧!

Step1 : 點選商店設計-選單目錄

Step2 : 選單目錄選擇『側邊選單』

Step3 : 輸入您側邊選單的主/次分類名稱

Enter可新增分類項目

+ 可新增次分類項目

< > 調整分類順序

Step4 : 連結類型 – 因此頁面要設定產品,故請選擇『產品搜尋結果』

Step5 : 輸入此頁面的關鍵字搜尋則會帶入商品名稱有該關鍵字的商品,建議使用第6步驟搜尋商品

Step6 : 設定此頁面欲呈現的商品標籤

範例如下圖 設定熱賣商品為標籤,您上架商品有tag到熱賣商品的產品將會呈現於此頁面

 


 

5. 置底選單設定

置底選單就是在網頁最下方的欄位,系統會依造您選擇的套版版型,產生預設的置底選單內容(如下圖)

一般大眾消費者認知網頁最下方選單不外乎就是隱私權保護政策、購物須知、退換貨政策、聯絡我們及一些可連置外部的連結按鈕,meepShop在置底選單已經先幫您建立好基本的項目選項,包含隱私權保護政策、購物須知、會員權益等,您可以在依照您商店的需求建立其他設定,讓我們來了解如何建立吧!!


當您要設定「隱私權政策」、「退換貨政策」等頁面,當您
在 新手快速開店第六篇-商店頁面設計,有建立好退換貨政策、隱私權政策分頁設定,設定完成後,即可將選單與頁面進行連結設定

 

Step 1 : 點選商店設計-選單目錄

Step 2 : 選擇置底選單

Step 3 : 在右方想要呈現選單的地方,按鍵盤 Enter 鍵,輸入「隱私權政策」

Step 4 : 連結類型:選擇「商店分頁」

Step 5 : 分頁設定  請勾選您建立好的 「隱私權政策」頁面

Step 6 : 勾選是否要新視窗開啟

Step 7 : 儲存 

設定完成後,前台置底選單就會顯示 「隱私權政策」 的選項,點擊後將會跳轉到該頁面喔!

 

 

           如想再置底選單設定客服電話:

Step1 : 點選商店設計-選單目錄

Step2 : 選擇置底選單

Step3 : 於右側選單設計表單內按下Enter新稱選單並輸入您欲顯示連結的名稱,如:聯絡我們、電話等

Step4 : 可選擇您要設定的功能

『自訂連結』: 連結到外部網址或電話;您可設定連結至您建立好的頁面或外部網址;

若想要讓顧客可直接撥打電話給您,請在超連結裡填上電話號碼,須符合國際撥號格式:+國碼-區碼-電話號碼。撥號連結裡的數字,國碼用加號,分隔標記用減號,不能有空白字元。

市話格式(以台北為例):+國碼(886)-區碼(2)-電話號碼(3278918)

手機格式:+國碼(886)-手機號碼(912345678)。

Step5 : 儲存即可

 


 

6. 新增選單列表

除了上述系統預設的選單,我們也可以自行新增選單列表,方便我們之後網頁製作更便利,讓我們來看看如何怎麼操作!

Step1 : 點選商店設計-選單目錄

Step2 : 點選選單目錄右方『+』

Step3 : 輸入選單名稱,範例:SNS

Step4 : 按Enter新增選單項目

Step5 : 設定功能,選擇『自訂連結』(您也可以依您需求使用其他設定)

Step6 : 輸入欲連結網址

Step7 : 儲存

 



當我們建立好架構頁面與選單後,即可開始來為網站裝潢一下,meepShop 提供簡易的色彩計畫,讓我們點點手指幫網站布置繽紛的色彩吧!

 

請至商店設計-頁面設計 ,點擊首頁編輯,點選全站設定 -> 色彩配置來設定網站的配色

Step1: 進入頁面設計 -> 全站設定 -> 色彩配置

Step2: 設定網站色彩配置(可參考下圖)

Step3: 儲存

 

我們來看看上了色彩計畫的頁面預覽會是如何吧!

 

 

 

 



網頁編輯完成後,接著就是將網址做指向-DNS,讓消費者輸入網址就可以進到您的網站消費囉!

網址又稱網域,網域名稱就相當於你的品牌既定名稱,一個簡單符合您商店名稱的網域,讓顧客更簡單能搜尋到您的商店並對您的商店印象深刻。


若您已有自訂網域並為網域持有者,請先於網域商後台完成DNS指向設定 

設定紀錄類型:CNAME,主機欄位請填入www ,值/地址欄位輸入您在meepshop商店網址(如abc.meepshoper.com),

再至設定-> 商店設定-> 網域設定中的自訂網域 貼上您的網域 (www.xxx.com  按右上方儲存)

網域商DNS指向生效(DNS可能需要24~48小時才能生效),設定完成後請通知我們協助幫您加掛安全憑證,

待生效,您的網域將會連結至我們的平台並擁有安全憑證!

若未有自訂網域,請勿於自訂欄位內填入任何網址。

如欲使用獨立自訂網址,我們也有提供網域代買即設定的服務,請參考此篇 ,若您未有自訂網域,此欄位勿填入任何網址。

 

建置好網站也完成了指向設定,將進入第八篇也是最重要的環節,我們以消費者的角度到前台下單測試

立即前往 新手快速開店第八篇-進行下單測試

Related Articles
  • 新手常見問題 Q&A
  • 新手快速開店 第四篇-發票設定
  • 新手快速開店第八篇-進行下單測試
  • 新手快速開店第六篇-商店頁面設計
  • 新手快速開店 第五篇-上架你的第一件商品
  • 新手快速開店 第三篇-物流設定(運送方式設定)
© 2013-2025 meepShop Limited.
 

載入迴響中...