• 商店設定|前台選單管理介紹

    • 最後更新 2022-06-24 16:32

    在電子商務中,選單扮演著舉足輕重的角色,為您的商店呈現出各種分類項目。除了是商家用來介紹自己的品牌與商品外,更能快速引導顧客找到相對應的頁面,獲得即時的資訊。因此 WACA 新增了「選單管理」功能,這篇文章將就「選單管理」提供相關介紹讓您更加了解應用方式。

     

    請點擊下方連結可快速到達指定段落

    1.「選單類別」說明

    2.新增分類與自訂頁面和選單的連動規則

    3.「選單設定」介紹

    3-1.上方選單

    3-2.左側選單

    3-3.選單項目顯示

    3-3-1.主選單項目顯示/隱藏

    3-3-2.子選單項目顯示/隱藏

    3-3-3.手機裝置選單項目顯示/隱藏

    4.「選單類別」顯示說明

      4-1. 行銷活動

      4-2 .訂閱購

      4-3 .文章管理

    5.「選單排序」調整方式

      5-1. 商品分類排序調整

      5-2 .促銷活動排序調整

      5-3 .組合活動排序調整

      5-4 .部落格排序調整

    6.選單樣式設定

    6-1.上方選單樣式設定

    6-1-1.主選單設定

    6-1-2.子選單設定

    6-1-3.選單固定效果

    6-2.左側選單樣式設定

    7.「選單管理」權限設定位置

     

     

    1.選單類別

    「商店設定」➜ 「選單管理」中可管理的類別包括:首頁、關於、商品分類(包括全部商品、訂閱購)、促銷活動、組合活動、文章管理(部落格與自訂頁面)..等,以上類別都可以由選單管理中調整前台顯示與排序
    (選單管理的編輯請從電腦版進行操作,目前不支援行動裝置操作此設定)

    WACA 網路商店選單管理選單類別

     

    選單類別前台呈現畫面範例

    WACA 網路商店選單類別畫面

     

     

    2.新增商品分類與自訂頁面和選單的連動規則

    當您在「商品登錄」➜「商品分類」中新增了一個分類,以及在「文章管理」➜「自訂頁面」中新增了一篇公告或說明。新增的項目將會連動到選單管理的類別中。出現位置會是在選單列表最後面的排序來依序增加。調整順序方式請依上述說明進行調整。另外,在上方、左方顯示的部分會預設為關閉(如要進行顯示,請務必將之開啟) 

    新增商品分類與自訂頁面和選單的連動規則

     

     

    3.選單設定介紹

     

    3-1.上方選單

    商店前台欲呈現上方選單,請至商店佈景→全域設定→HD頁首元件中選擇

    • Silver版本:HD01、HD02 

    • Gold版本(有子選單):HD03、HD04

    後台進入商店佈景

    商店佈景選擇頁首元件

     

    選擇頁首元件 HD01、HD02 ,不會顯示子選單

    選擇頁首元件 HD03、HD04, 有收合子選單的功能,當滑鼠移到「下拉選單符號」上方時,可以顯示子選單

    頁首元件有子選單

     

     

     

    3-2.左側選單

    進入商店設定→選單管理,

    選單設定的「左側選單」開關,主要設定在商店的商品分類頁,是否要顯示左側選單

    選單設定中的左側選單

     

    • 開啟:前台頁面出現左方選單

    開啟左側選單

     

    • 關閉:前台頁面不會出現左方選單

    關閉左側選單

     

    當開啟左側選單時,商品分類頁面中,點選「>」的位置,可以下拉開啟第二層分類

    左側選單開啟第二層分類

     

     

     

     

    3-3.選單項目顯示

     

     

     

    3-3-1.主選單項目顯示/隱藏

    欲設定主選單項目在前台是否顯示在「上方選單」或「左側選單」

    主選單在上方選單或左側選單

     

    請至商店設定→選單管理中的「選單排序」,開啟顯示或隱藏開關

    主選單開啟或隱藏

     

    選單顯示也能針對個別的「選單類別」來設定前台顯示或隱藏

    • 範例說明

    首頁:關閉上方、左方選單→首頁將不會出現在前台的任何選單中  

    全部商品:關閉左方選單→全部商品只會出現在上方選單

    這是門市資訊、這是我的部落格:關閉上方選單→自訂頁面與部落格只會出現在左方選單

    呈現方式如下方圖片所示:

    選單類別設定前台顯示或隱藏

     

     

     

    3-3-2.子選單項目顯示/隱藏

    欲關閉選單中的子選單項目時,可直接將子選單項目「隱藏」即可

    當子選單項目為隱藏時,上方選單與左方選單的子選單都不會顯示

    子選單項目隱藏

     

     

    若主選單的上方與左方選單為「隱藏」,則商店前台的主選單+子選單都不會顯示

    主選單隱藏子選單也不會顯示

     

     

     

     

    3-3-3.手機裝置選單項目顯示/隱藏

    請注意在手機裝置的部分,為了維護使用者在瀏覽時的優質體驗,因此都只會顯示左側選單

    欲關閉手機左側選單的項目,請將左方選單項目調整為「隱藏」

    手機裝置選單隱藏

     

     

     

     

    4.選單類別設定顯示說明

     

     

    4-1.行銷活動顯示說明

    在選單管理中已經開啟了行銷活動的選單顯示(促銷活動、組合活動)

    但是在前台沒有看到相關的分類選單時,該如何確認呢? 以下將為您說明

    行銷活動顯示說明

     

    請您至「行銷推廣」➜「促銷活動」與 「組合活動」設定頁面中確認活動開關是否開啟,如果這邊是關閉的,這樣就算在選單管理中開啟顯示,前台也不會出現喔

    WACA 網路商店行銷活動顯示說明

     

    因此開啟選單管理的「選單顯示」+開啟相關活動開關,促銷與組合活動就會出現在前台

    開啟選單與活動開關後前台顯示圖

      

     

    4-2.訂閱購

    當您選單管理中已經開啟訂閱購的顯示功能,但在前台沒有看到相關的分類選單時,

    請您至「訂閱購」➜「訂閱類型」,確認是否有勾選開啟自動訂閱或週期訂閱

    也就是說:需要勾選訂閱購「訂閱類型+開啟選單管理的「選單顯示」才會出現在前台

    訂閱購顯示規則

     

     

    4-3.文章管理

    當您在選單管理中已經開啟部落格或自訂頁面的顯示功能,但在前台沒有看到相關的分類選單時,

    請您至「文章管理」➜「部落落格」(或自訂頁面),確認列表文章有將前台顯示開啟。

    簡單來說:部落格與自訂頁面要同時開啟「前台顯示」+「選單顯示」才會出現在前台喔 

    文章管理前台顯示設定

     

     

    5.選單排序調整方式

     

     

    5-1.商品分類排序調整

    主分類選單排序說明

    選單的分類可以依需求進行排序的調整,使用滑鼠在雙箭頭處上下拖拉選單即可調整項目間的排序,移動至您要的位置,放開滑鼠後會自動儲存更新。  下方為選單排序調整範例說明: 

    WACA 網路商店主分類選單排序調整

     

    子分類選單排序調整

    在「選單管理」的排序中,只能進行主分類的順序移動,因此子分類旁邊沒有調整位置的雙箭頭鈕。當我們想要調整子分類順序的時候,請依照以下說明進行。

    進入「商品登錄」➜「商品分類」➜找到要調整順序的子分類進行排序的調整,

    調整後系統自動儲存並連動「選單管理」的排序。

    請注意:

    商品分類中調整「子分類」順序,將連動「選單管理」的子分類排序

    商品分類中調整「主分類」順序不會連動「選單管理」的主分類排序 

    WACA 網路商店子分類選單排序調整

     

     

    5-2.促銷活動排序調整

    前台的選單中,促銷活動內如有數個活動進行中(任選或紅配綠),可以下拉選單看到活動名稱,若想更改活動的排序顯示,請至「行銷推廣」➜「促銷活動」,由雙箭頭處拖拉調整活動的排序位置,調整後會自動儲存,並於前台立即更新

     網路商店促銷活動排序調整

      

     

    5-3.組合活動排序調整

    前台的選單中,組合活動內如有數個活動進行中,可以下拉選單看到活動名稱,若想更改活動的排序顯示,請至「行銷推廣」➜「組合活動」,由雙箭頭處拖拉調整活動的排序位置,調整後會自動儲存,並於前台立即更新

     網路商店組合活動排序調整

     

     

    5-4.部落格排序調整

    當部落格有設定部落格分類,前台選單下拉可看到分類的名稱

    網路商店部落格文章排序調整步驟

     

    若想更改部落格分類的排序顯示,請至「文章管理」➜「部落格」,點選任一篇文章中進入編輯,可看到已設定的部落格分類,由雙箭頭處拖拉調整分類的排序位置,調整後會自動儲存,並於前台立即更新

    網路商店部落格文章排序調整步驟

     

     

    6.選單樣式設定

     

     

     

    6-1.上方選單樣式設定

     

     

    6-1-1.主選單設定

    欲修改上方選單的主選單樣式,請至商店佈景→全域設定→HD頁首元件→元件設定中的「桌機選單管理」中調整

    網路商店主選單設定

     

    此處可以設定商店主選單在桌機畫面呈現的文字大小及顏色,左側可以即時預覽

    主選單桌機選單管理

     

     

    • 主選單文字大小:可選擇文字為最小、小、中、大
    • 主選單文字對齊:可選擇文字靠左、置中、靠右

    主選單文字設定

     

    • 主選單文字顏色:文字直接呈現的顏色
    • 主選單選取顏色:有兩種時機呈現,分別為「當滑鼠移到分類上方」、「停留在特定商品頁時,頁面所屬的選單項目」會以選取顏色呈現,
      例如:此頁面所在位置為【男女服飾】,因此【男女服飾】會以主選單選取顏色呈現

    主選單文字顏色設定

     

    在選擇顏色時,可以拖曳滑桿選取,或是輸入色號

    拖曳顏色或輸入色號

     

    • 主選單背景顏色:為選單背景的顏色,若想移除背景顏色,可以移動滑桿至最左,透明度調為0
      設定主選單背景顏色

     

     

     

    6-1-2.子選單設定

    選擇頁首元件 HD03、HD04 有收合子選單的功能

    欲修改子選單樣式,請至商店佈景→全域設定→HD頁首元件→元件設定中的「桌機選單管理」中調整

    子選單樣式設定

     

     

    • 子選單文字大小:可選擇文字為最小、小、中、大
    • 子選單文字顏色:文字直接呈現的顏色
    • 子選單選取顏色:有兩種時機呈現,分別為「當滑鼠移到分類上方」、「停留在特定商品頁時,頁面所屬的選單項目」會以選取顏色呈現。
      例如:此頁面為【男女服飾】中的女士頁面,因此「女士」會以子選單選取顏色呈現。
    • 子選單背景顏色:子選單背景顯示的顏色
      子選單樣式設定

     

     

     

    6-1-3.選單固定效果

    選擇頁首元件 HD03、HD04 有「選單固定效果」功能,讓消費者瀏覽網站頁面時,方便切換選單,請於預覽時查看效果呈現喔

    選單固定效果

      釘選頂端 上滑時釘選頂端說明
    文字說明 釘選頂端 上滑時釘選頂端
    效果說明 不論下滑到哪個頁面,選單皆會釘選於畫面頂端

    上滑瀏覽時,選單會出現在畫面頂端

    前台畫面呈現 釘選頂端畫面呈現 上滑時釘選頂端畫面呈現

     

     

     

     

    6-2.左側選單樣式設定

    「左側選單」的樣式呈現顏色,請至商店佈景→全域設定→PD商品分類頁中

    後台進入商店佈景

     

    選完商品分類頁的元件(PD01、PD02、PD03、PD04)後

    選擇商品分類元件

     

    在該元件設定的樣式管理→左側選單中,修改選取與未選取顏色,最後點選右下角「套用」

    商品分類頁元件樣式設定

     

     

     

     

    7.選單管理權限設定位置

    新增的選單管理功能,在權限的設定上預設為關閉,點選該頁籤會跳出相關提醒 

    選單管理權限設定說明

     

    當商店管理者(主帳號人員)要讓子帳號有進行選單管理的權限時,請依以下路徑進入開啟權限後即可使用。

    「賣家中心」➜「帳號管理」➜「編輯」➜

    「商店設定」中展開權限選單➜開啟「選單管理」權限➜儲存

    選單管理權限編輯步驟介紹

     

    「選單管理」可依您的需求進行各種分類選單的前台顯示與排序位置的調整,讓您能更有彈性的管理選單的操作,是非常便捷實用的一項功能


    🥂 WACA 付費商家獨享權益 🥂

    電商充電站】讓您隨時學習不受限!

    ※請使用 WACA 主帳號信箱登入觀看※


     

TOP