這篇完成:讓前台顧客能選規格,並算出正確價格(或走詢價、不必算價)。
請先有一筆商品,見 如何上架商品。
前提
- 已開啟該商品的編輯頁。
- 詢價商品:通常只需「規格欄位」,不必資料表查價與計算組件。
- 可購買商品:依定價方式選「規格欄位」「資料表查價」「計算組件」搭配使用。
路徑
- 電商 → 商品管理 → 開啟商品。
- 上方頁籤點 定價與規格(詢價或未開線上購買時,頁籤可能叫 規格欄位)。
- 預設為 視覺化 模式。除非你很熟悉設定結構,否則不要切到「JSON 進階」。
視覺化底下還有分頁:
| 分頁 | 何時用 |
|---|---|
| 規格欄位 | 前台表單:尺寸、材質、款式、上傳檔、數量計數器等 |
| 資料表查價 | 用「規格組合 × 數量 → 價格」表格(可 CSV 匯入) |
| 計算組件 | 固定底價、單價 × 數量、選項加價、階梯價、公式(與資料表可併用) |
| 試算 | 用目前畫面設定(即使還沒存檔)模擬前台選規格後的價格 |
詢價模式不會出現資料表查價、計算組件與前台數量/金額相關設定。
底部工具列 儲存草稿/發布 會一併存下定價設定;成功時提示「已儲存定價與規格設定」。
進階:可用 匯出 bundle/匯入 bundle 在商品間複製整包設定;匯入後請先檢查再儲存。
規格欄位
適合:讓顧客在商品頁勾選/填寫的每一項。
- 切到 規格欄位。
- 若為空白,點 新增欄位(或從 bundle 匯入)。
- 每個欄位可拖曳調整前台出現順序,也可上移、複製、刪除。
- 展開欄位後填寫下表。
每個欄位常見項目
| 項目 | 說明 |
|---|---|
| 顯示標籤 | 前台看到的名稱,例如「尺寸」「材質」。 |
| 欄位 name(API key) | 系統識別用,存檔後盡量不要改。新增時會自動產生。 |
| 類型 | 見下表。 |
| 欄位寬度 | 前台一列佔 1/3、50% 或 100%。 |
| 說明(選填) | 標籤下方提示文字。 |
| 必填 | 顧客必須填/選才能加入購物車或詢價單。 |
| 啟用 | 關閉後前台不顯示、也不計入試算(欄位仍留在後台)。 |
下拉、單選、複選還要新增 選項(選項名稱、值、可選加價)。選項可拖曳排序、複製、刪除。
類型怎麼選
| 類型(畫面名稱) | 前台長怎樣 | 典型用途 |
|---|---|---|
| 單選 | 一組圓鈕,只能選一個 | 尺寸、印刷面 |
| 下拉選單 | 下拉選一個 | 選項很多時 |
| 複選 | 可勾多個 | 加購加工 |
| 文字/多行文字 | 讓顧客打字 | 客製文字、備註 |
| 數字/數量計數器 | 數字或加減器 | 與數量相關的輸入 |
| 日期 | 選日期 | 希望出貨日 |
| 檔案上傳 | 顧客上傳稿件 | 已有完稿檔(與線上設計不同) |
| 設計編輯器 | 進入線上設計 | 需平台授權 Web-to-Print,見 線上設計 |
檔案上傳可再設:最多檔案數、單檔大小上限、允許的副檔名。請至少保留一種格式。
條件顯示(選用)
欄位或單一選項都可開 條件顯示邏輯:例如選了「有燙金」才出現「燙金顏色」。
- 開 啟用條件邏輯,選「符合條件時」要 顯示 或 隱藏。
- 條件可設「另一個欄位 等於 某選項」;多條條件用 AND(且)或 OR(或)。
- 沒加條件時,該欄位/選項永遠顯示。
第一次上架不必用條件;規格變複雜再補。
資料表查價
適合:價格由「規格組合 + 數量」查表決定(例如名片:尺寸 × 紙張 × 數量 → 單價)。
- 切到 資料表查價。
- 在 規格維度 點 新增維度(例如「尺寸」「材質」)。維度名稱會對應表格欄。
- 在表格新增列:每一列是一組規格值 + 數量 + 價格。
- 可填 數量單位(張、盒、本…),前台數量旁會顯示。
若資料表已有數量欄,前台數量選項以表格為準,「數量設定」會標示不適用。
用 CSV 一次匯入
適合列數很多時:
- 可先 範本 或 匯出 CSV 看欄位格式。
- 檔案需有 數量、價格 兩欄(也接受英文標頭
qty/price)。 - 規格欄名稱要對得上你建立的維度。
- 點 匯入 CSV。匯入後請在畫面檢查再按底部儲存。
多語:查價比對仍以主語言(繁中)規格原文為準;其他語言可加 規格名_en、規格名_ja 欄只填顯示翻譯。細節以畫面「CSV 上傳規則」為準。
表格上方可搜尋規格、數量或價格,方便改單列。
計算組件
適合:沒有整張價目表,或「表價 + 額外加價」的 hybrid 算法(畫面提示:組件加價會與資料表查價結果加總)。
- 切到 計算組件,點 新增組件。
- 填 名稱,選 類型,並確認 啟用。
| 類型 | 用途 |
|---|---|
| 固定金額(底價) | 不論規格都加一筆固定金額 |
| 單價 × 數量 | 單價乘顧客數量 |
| 欄位選項加價 | 對到某個規格欄位的選項加價 |
| 階梯定價 | 依數量區間不同單價 |
| 自訂公式 | 進階;可用數量與欄位 name。不熟請先用前四種 |
組件也可設條件邏輯(符合條件才計入)。可拖曳順序、複製、停用。
數量設定(無資料表數量時)
在定價區可看到 數量設定(有資料表數量列時會改由表格決定):
| 欄位 | 說明 |
|---|---|
| 數量單位 | 例如張、份、本 |
| 最小數量 | 前台不能低於此值 |
| 最大數量 | 選填;不可小於最小數量 |
| 步進值 | 每次加減的間隔,不可大於(最大 − 最小) |
用「試算」檢查
- 切到 試算。
- 像顧客一樣選規格、填數量。
- 選擇後會自動試算;也可按 執行試算。
- 檔案上傳/設計稿欄位不納入試算(多數情況不影響價格)。
- 若提示「尚無可試算欄位」,請先加規格欄位或資料表維度。
試算用的是目前編輯中、尚未儲存也可以的設定。確認無誤後仍要按底部儲存。
怎麼驗
- 後台試算金額與你預期一致。
- 前台開該商品頁,規格列、必填、條件顯示與後台相同。
- 購買商品:選完規格後價格/數量與試算一致,可加入購物車。
- 詢價商品:可選規格並加入詢價單,不會出現結帳金額試算。
- 改過規格後,舊購物車可能提示「規格已變更」,顧客需重新選擇——這是預期行為。
常見卡住
| 狀況 | 怎麼辦 |
|---|---|
| 頁籤叫「規格欄位」而沒有查價/組件 | 該商品是詢價,或站台未開線上購買。屬預期。 |
| 前台沒有規格 | 欄位是否 啟用?是否被條件邏輯藏起來?是否已儲存? |
| 價格對不上 | 用試算對同一組規格;檢查資料表是否有對應列、計算組件是否啟用。 |
| CSV 匯入失敗 | 核對「數量/價格」欄名與維度名稱;先下載範本。 |
| 無法切換視覺化 | JSON 進階裡的結構不完整;改回合法 JSON 或請平台協助,勿硬切。 |
相關說明
- 如何上架商品
- 如何設定商品圖片
- 詢價
- 線上設計