如何建立 WooCommerce 測量價格計算器

是否正在尋找添加測量價格計算器的方法，以便您的客戶可以在產品詳細資訊頁面上輸入自訂測量值以找出準確的產品價格？如果是這樣，本指南可以為您提供協助。

在這裡，我們將引導您完成在您的網站上新增 WooCommerce 測量價格計算器（如下所示）的所有步驟。

我們將討論以下主題：

• 概述測量價格計算器的工作原理。
• WooCommerce 產品選項概述，這是最好的測量價格計算器插件。
• 有關如何將測量價格計算器新增至您的線上商店的逐步指南。

WooCommerce 不包含建立開箱即用的自訂價格計算器的選項。因此，如果您想輕鬆接受客製化或客製化產品的訂單，我們隨時為您提供協助。我們將向您介紹一個插件，可讓您新增具有多個運算子和自訂公式的簡單和進階價格計算器。

但首先，讓我們先了解一下計量價格計算器的實際運作原理。

WooCommerce 測量價格計算器如何運作？

測量價格計算器對於根據重量、面積、體積或長度等自訂尺寸而不是固定價格銷售商品的商店非常有用。

以下是 WooCommerce 測量價格計算器外掛程式如何在背景和前端工作的快速瀏覽。

商店管理員定義與產品相關的測量單位。重量可以是公斤，面積可以是平方米，體積可以是公升，長度可以是米。例如，如果您的商店銷售客製化壁紙，您可以將測量單位設定為公尺。設定好單位後，下一步是配置每單位的價格。然後，價格計算器將根據每個客戶的輸入自動計算總成本。

在產品頁面上，客戶可以輸入他們需要的特定尺寸。計算器將根據輸入的測量值立即調整產品價格。繼續我們的客製化壁紙範例，如果壁紙布料的統一費率為每米 10 美元，而客戶訂購 3 米，則計算器將顯示總價為 30 美元。

為什麼 WooCommerce 產品選項是最佳測量價格計算器外掛程式？

WooCommerce 產品選項是一個多功能插件，可讓您在網站上新增自訂產品選項、欄位和強大的測量價格計算器。它非常適合銷售定製窗簾、瓷磚、地毯、定製家具以及基本上任何其他具有定製尺寸和各種成本參數的產品的網站。

WooCommerce 產品選項因其易於使用而脫穎而出。使用加法、減法、乘法、除法、括號等運算子設定公式非常簡單。它還提供條件邏輯等高級功能，以進一步自訂價格計算器在產品詳細資訊頁面上的工作方式。

讓我們更詳細地看看它的主要功能。

WooCommerce 產品選項的主要功能

測量欄位數量沒有限制

該插件可讓您根據需要添加任意數量的輸入字段，以便您可以從客戶收集所有必要的測量數據，以準確計算產品價格。

例如，如果您銷售客製化百葉窗，則可以新增寬度、高度和任何其他自訂功能的欄位。這種靈活性確保您可以捕捉精確定價所需的每個細節。

客製價格公式

您可以建立自訂價格公式，以根據客戶提供的測量結果計算最終產品價格。此外，您也可以選擇是否將基本產品價格新增至計算金額。這對於您收取標準費用加上基於測量的可變成本的產品非常有用。

例如，假設您銷售定製家具，並希望為定制桌子添加價格計算器。您可以建立價格公式，向客戶收取基本材料費和基於長度、寬度和高度的每平方英尺額外費用。

高階數學運算符

它支援各種數學運算符，可用於簡單和複雜的計算。您可以使用加法、減法、乘法、除法甚至括號來設定高階邏輯運算子。這使您可以完全控制最終產品價格的計算方式。

即時價格計算

WooCommerce 產品選項 當客戶輸入尺寸時，計算並立即更新產品頁面上顯示的價格。如果他們更改輸入並重新計算，它將顯示更新的產品價格。

這種透明度為客戶提供了積極的用戶體驗 (UX)，並降低了因結帳時意外成本而放棄購物車的可能性。

客製化價格後綴標籤

您可以附加自訂價格後綴標籤，以便向客戶清楚傳達定價結構。例如，假設您銷售布料，您可以在價格後添加後綴，例如“每米 50 美元”，以增加清晰度並幫助客戶準確了解他們所支付的費用。

無限測量價格計算器

它允許您創建無限數量的價格計算器，每個計算器都有其自訂維度、公式和價格後綴標籤。如果您銷售具有不同類型測量值的各種產品，這會很方便。您可以根據需要為每個產品設定單獨的計算器。

快速說明：如前所述，WooCommerce 產品選項是一個多功能插件，可讓您將自訂產品選項和欄位新增至產品詳細資訊頁面。然而，在這篇文章中，我們將重點放在它作為 WooCommerce 測量價格計算器插件的用途。

教學：建立 WooCommerce 測量價格計算器

在本部分中，我們將指導您如何安裝 WooCommerce 產品選項並建立自訂價格計算器。

如果您是視覺學習者，請觀看 Barn2 的 YouTube 視頻，以了解如何建立自訂測量價格計算器。否則，請繼續閱讀詳細的書面說明。

第一步：新增或編輯產品選項組

購買 WooCommerce 產品選項外掛程式後，請在您的網站上安裝並啟用它。然後，輸入您的許可證密鑰以完成啟動程序。

在 WordPress 儀表板中，導覽至產品 → 產品選項。

該插件將在安裝後將預設產品選項組新增至您的網站。您可以按一下「新增群組」以建立新群組，也可以將滑鼠停留在現有預設群組上以編輯或刪除它。

輸入或更新產品選項群組的名稱，如果您希望該群組名稱在產品頁面上可見，請選取「顯示」方塊。如果沒有，請將其留空。

接下來，設定可見性選項，指示將哪些產品頁面新增至此自訂價格計算器：

• 在商店的所有產品頁面上顯示它。
• 僅在特定產品或產品類別上顯示。
• 將其從特定產品或類別中排除。

第二步：新增測量輸入框

點擊“新增選項”，為選項新增名稱，然後選擇“數字”欄位以建立輸入框，客戶可以在其中輸入尺寸，例如長度、寬度、重量、數量等。

在“標籤”欄位中新增名稱，例如“長度（公分）”，然後從“價格類型”欄位中選擇“免費”選項。您稍後可以在「價格公式」欄位中輸​​入公式。

或者，為此輸入方塊新增簡短說明，然後勾選「必填」方塊以確保客戶輸入必要的值。按一下“儲存變更”以儲存輸入欄位。

最後，重複這些步驟，為剩餘的產品尺寸添加其他必要的數字字段，例如深度或寬度。

第三步：為計算器加入價格公式

再次點擊“新增選項”，為選項新增名稱，這次選擇“價格公式”欄位。此欄位將使用您建立的數字欄位中的值並套用您的自訂公式來計算總價。

新增自訂價格公式。利用數字欄位中的數值以及公式欄位下方對應的按鈕加入相關數學運算子：加法、減法、除法、乘法和括號。

接下來，將自訂文字新增至「價格顯示後綴」字段，以顯示在產品頁面上的價格旁邊。例如，“每米”或“每英尺”。

如果您想從計算價格中排除主要產品價格，請勾選「忽略主要產品價格」方塊，然後儲存設定。

第四步：進階選項和附加產品選項欄位（可選）

如果您對目前的設定感到滿意，則可以在此停止。但是，WooCommerce 產品選項可讓您進一步配置它以新增條件邏輯、數量限制和額外產品選項欄位等設定。

讓我們更詳細地探討這些。

進階選項 1：條件邏輯

條件邏輯功能可讓您根據客戶過去的選擇隱藏或顯示某些選項。

例如，如果您同時銷售常規和客製化花卉壁紙，則可以預設隱藏價格計算器，以便為可能喜歡常規尺寸的客戶保持產品頁面整潔。想要客製化壁紙的客戶可以點擊一個選項來顯示價格計算器框並輸入他們想要的尺寸。

請依照以下步驟新增條件邏輯：

1. 在測量價格計算器的設定頁面中，選擇「進階設定」以開啟條件邏輯選項。
2. 將其配置為僅當客戶選擇自訂尺寸選項時才顯示價格計算器。
3. 儲存您的設定。

進階選項 2：附加產品選項字段

除了價格計算器的輸入框之外，您還可以為產品詳細資料頁面添加額外的產品選項。這些選項可以包括單選按鈕、複選框、下拉清單、文字標籤、文字輸入欄位、日期選擇器、檔案上傳、可點選圖像按鈕等。

您也可以為這些產品附加欄位設定固定價格。選擇它們的客戶將被收取額外費用，該費用將添加到測量價格計算器計算的總價格中。

請依照以下步驟新增額外的產品選項：

1. 點選“新增選項”按鈕。
2. 輸入選項的名稱並選擇相關欄位類型（例如文字輸入、複選框）。
3. 根據需要更新盡可能多的選擇以及價格。價格可以基於數量、統一費率或百分比增加或減少。
4. 儲存您的設定。

就是這樣。您可以根據需要隨意建立任意數量的自訂測量價格計算器（以及額外的產品選項）。您可以在網站儀表板的「產品」→「產品選項」中找到所有這些內容。您也可以前往相關產品頁面並測試價格計算器。

立即在您的 WooCommerce 網站上新增測量價格計算器！

對於銷售定製或定製商品的網站來說，客製化價格計算器是必須的。沒有比這更好的方法來提供正確的價格、自動計算並節省時間了。

由於 WooCommerce 預設不提供建立價格計算器的選項，因此您需要使用外掛程式將此功能新增至您的網站。

Barn2 的 WooCommerce 產品選項是最好的測量價格計算器外掛程式。它允許您使用簡單和複雜的價格公式、多個數學運算符以及條件邏輯和數量限制等高級選項來建立自訂計算器。

（更不用說，還可以選擇添加額外的產品選項字段，例如複選框、單選按鈕、下拉式選單、可單擊圖像按鈕、文件上傳、日期選擇器等，這樣您的錢就更有價值） 。

查看產品選項外掛程式並在幾分鐘內建立您的自訂 WooCommerce 測量價格計算器！