跳至內容

Part 5 · 自訂面板 B:頁面元素開關(切換對照)

Part 5

自訂面板 B:頁面元素開關(切換對照)

商品頁上每一個元素——數量選擇器、立即購買鈕、稅額提示、規格區、分享鈕——都能在「自訂」面板一鍵開關或換樣式。這一章把這些開關逐一列出,說明「開/關」各是什麼樣子,讓你依商品需求打造專屬的購買區。

路徑:商品頁 編輯 自訂 點商品 產品頁各開關

A. 面板上的元素開關一覽

產品頁元素開關
產品頁元素控制:① 選擇數量 ② 款式(變體顯示,Part 8) ③ 現在購買(立即購買鈕)+更多資訊(規格) 另有稅務指示、產品標籤、條款、分享(見下表)。開關為藍色=已開啟。
💡 開關即時預覽面板上每個開關切一下就看到頁面變化:藍色滑桿=開、灰色=關;「選項」下拉則可換呈現方式。滿意後按右上「儲存」。

B. 逐個開關的作用(開 / 關對照)

開關關(預設)開之後建議
選擇數量只能買 1 件出現 − 1 + 數量選擇器可多件購買 → 開
現在購買(Buy Now)只有「加入購物車」多一顆「立即購買」,一鍵直達結帳想縮短結帳 → 開
稅務指示只顯示價格價格旁標「含稅/未稅」字樣需清楚標示稅別 → 開
更多資訊(規格)無規格區價格下方出現可展開的規格/說明手風琴有規格表 → 開
產品標籤不顯示標籤顯示商品的標籤(如「新品」「有機」)有分類標籤 → 開
條款與細則頁面加一段條款/退換貨說明需公告條款 → 開
款式(List View)下拉/藥丸選變體把所有變體攤成清單逐一列出變體少想全列 → 用清單
客戶:評分商品頁開放星等評論想累積評價 → 開
客戶:分享顯示 FB/X/LinkedIn 等分享鈕想擴散 → 開

C. 實例對照:「現在購買」開 / 關

以最有感的「現在購買(立即購買)」為例,切一下開關,購買區立刻多一顆按鈕——這就是每個開關「切換前後」的樣子:

現在購買 關
關(預設):① 購買區只有「加入購物車」(+數量選擇器)。
現在購買 開
:① 多出「現在購買」一鍵直達結帳 ② 與「加入購物車」並列。其餘開關(稅示、條款、規格…)的切換方式完全相同。
💡 每個開關都這樣切上表每一列都對應面板一個開關/下拉,操作方式一致:面板切一下 → 頁面即時變化 → 滿意按儲存。多數為全站生效。
1
打造「快速下單」購買區(範例)

想讓顧客快速下單,常見組合是:選擇數量=開現在購買=開更多資訊=開(規格清楚)。切一切這三個開關,商品頁的購買區立刻變成「數量 + 加入購物車 + 立即購買」的完整組合。

2
精簡型商品:關掉多餘元素

反過來,單一規格、單價低的商品可把「選擇數量、規格、標籤」都關掉,只留「加入購物車」,版面更乾淨、決策更快。

⚠️ 注意事項
  • 部分開關對應的前台效果依主題略有差異,切換後以「儲存前的即時預覽」為準。
  • 「評分/分享」屬客戶互動,開了就對所有商品生效(全站設定)。
  • 「立即購買」會略過購物車直接進結帳,若你的流程需要顧客先湊單,評估後再開。
  • 看不到某個開關(如心願單、比較),多半是 Part 1 對應功能還沒開。
如何查到 商品頁 › 編輯 › 自訂 › 點商品,面板「產品頁」區即為各元素開關。開關切一下即時預覽,完成按「儲存」。變體顯示方式(款式)詳見 Part 8。
評分
0 0

暫時沒有留言。

成為第一個留言的人。