如何在 WordPress 中建立價格/貨幣輸入字段

收集貨幣數值需要的不僅僅是一個簡單的數字欄位。使用者希望看到貨幣符號、正確的格式和合適的小數位數。例如，詢問“預算”的欄位應該顯示“$5,000.00”，而不是僅僅顯示“5000”。正確的貨幣格式可以使表單看起來更專業，並減少輸入錯誤。

在本指南中，您將學習如何在 WordPress 中建立格式正確的價格和貨幣輸入欄位。

為什麼貨幣格式很重要

不格式化

• 使用者輸入：5000
• 那是5,000美元還是5,000歐元？
• 美元還是美分？
• 沒有視覺確認
• 看起來很不專業

格式正確

• 用戶看到：5,000.00 美元
• 貨幣清晰
• 小數精度顯而易見
• 專業的外觀
• 錯誤更少

貨幣欄位的優勢

• 明晰： 使用者非常清楚應該輸入什麼。
• 驗證： 只接受有效號碼
• 一致性： 所有條目格式相同
• 專業精神： 造型精緻
• 數據質量： 乾淨的財務數據

在自動表單產生器中建立貨幣字段

步驟 1：新增數字字段

1. 在以下位置建立或編輯您的表單 空軍基地
2. 拖動 聯繫電話 將欄位新增至您的表單中
3. 點擊開啟設定

步驟 2：選擇貨幣格式

1. 找到 格式 設置
2. 選擇 貨幣
3. 欄位現在以貨幣格式顯示

步驟 3：選擇貨幣符號

選擇您的貨幣：

步驟 4：配置小數位數

設定貨幣精度：

步驟 5：設定最小值/最大值（可選）

定義可接受範圍：

• 最低配置： 可接受的最低數值（例如，0，100）
• 最大值： 可接受的最高金額（例如，100000）

步驟 6：設定步長（可選）

控制增量精度：

• 0.01： 允許美分（99.99 美元）
• 1: 僅限整數美元（100 美元）
• 100： 整數百元（$1,100, $1,200）

步驟 7：新增標籤和占位符

清晰識別：

• 標籤： “項目預算”或“金額”
• 佔位符： “$0.00”或“請輸入美元金額”

貨幣欄位範例

基本價格欄位（美元）

設置：

• 標籤：“價格”
• 格式：貨幣
• 符號：$
• 小數點：2
• 步驟：0.01
• 佔位符：“$0.00”

結果： 標準美元輸入，單位為美分。

預算範圍（精確到分）

設置：

• 標籤：“年度預算”
• 格式：貨幣
• 符號：$
• 小數點：0
• 最低：1000
• 最高：1000000
• 步驟：1000

結果： 金額以千為單位的整數美元。

歐洲價格（歐元）

設置：

• 標籤：“Prezzo”或“價格”
• 格式：貨幣
• 符號：€
• 小數點：2
• 步驟：0.01

結果： 歐元金額，以美分錶示（€1.234,56 格式因地區而異）。

英鎊

設置：

• 標籤：“金額（英鎊）”
• 格式：貨幣
• 符號：£
• 小數點：2
• 步驟：0.01

結果： 英鎊投入（£1,500.00）。

日元（不含小數）

設置：

• 標籤：“金額”或“金額”
• 格式：貨幣
• 符號: 日元
• 小數點：0
• 步驟：1

結果： 日元（不含小數位）（¥15,000）。

工資範圍

設置：

• 標籤：“預期年薪”
• 格式：貨幣
• 符號：$
• 小數點：0
• 最低：30000
• 最高：500000
• 步驟：5000

結果： 薪資以5美元為單位遞增。

貨幣欄位的使用案例

報價申請表

收集預算資訊：

• “這個專案的預算是多少？”
• “您最多願意花多少錢？”
• “目標價點？”

組態： 可進行最小值/最大值調節，可能支援滑桿模式。

訂購單

產品定價：

• 單價
• 總金額
• 自訂報價金額

組態： 精確到分（小數點後兩位）。

捐贈表格

繳款金額：

• 捐款金額
• 每月捐款
• 免洗禮物

組態： 最低金額、預設建議或自訂輸入。

求職申請

薪資期望：

• 期望薪資
• 目前薪酬
• 最低可接受範圍

組態： 金額為整數，無需小數。

房地產表格

屬性值：

• 房屋價格範圍
• 每月租金預算
• 首付金額

組態： 範圍很大，一步跨越數千。

發票/付款單

確切金額：

• 發票總計
• 支付金額
• 應付餘額

組態： 精確到分，沒有任何限制。

國際貨幣考量

貨幣符號位置

位置因地區而異：

• 金額之前： 100美元、100英鎊、100日圓
• 金額之後： 100歐元，100克朗

小數分隔符

不同地區使用不同的格式：

尋找與您的受眾群體相符的目標群體。

• 使用受眾熟悉的貨幣符號。
• 考慮特定於區域設定的格式
• 如果格式可能令人困惑，請新增說明文字。

帶有滑塊模式的貨幣字段

何時使用貨幣滑塊

• 預算範圍
• 價格估算
• 近似值
• 有界範圍

滑塊貨幣設置

設置：

• 格式：貨幣
• 符號：$
• 滑桿模式：開啟
• 最低：1000
• 最高：50000
• 步驟：1000
• 顯示值：開啟

結果： 可視化滑塊，顯示 1,000 美元到 50,000 美元的金額，並採用格式化顯示。

何時不應使用滑桿

• 所需確切金額（發票）
• 需要精確到美分。
• 無界值
• 快速入職優先

貨幣欄位驗證

內建驗證

• 僅允許數字
• 尊重最小值/最大值界限
• 驗證小數精度
• 必填欄位檢查

常用驗證規則

最低金額

要求最低值：

• 捐款：最低5美元
• 訂單金額：最低 25 美元
• 預算：最低 1,000 美元

最大金額

上限值：

• 防止不切實際的條目
• 安全性（防止溢出）
• 商業規則

步驟驗證

確保增量合規性：

• 只接受整數美元（步驟：1）
• 只有幾百（步長：100）

設計最佳實踐

1. 始終顯示貨幣符號

切勿留下任何含糊不清的地方：

• 字段或標籤中的符號
• 如果「預算（美元）」欄位中未填寫，則填寫該欄位。
• 形式始終如一

2. 使精度與目的相符

• 發票：精確到小數點後兩位（分數很重要）
• 預算：0 位小數（整數）
• 房地產：0 位小數（千位）

3. 使用合適的步長

• 預算問題不要使用 0.01 的步長。
• 發票金額不要使用 100 為單位。
• 符合預期精度

4.提供上下文

幫助文本對此進行了解釋：

• “請輸入美元金額”
• 最低消費25美元
• “稅前年薪”

5. 考慮預設選項

對於常見金額（捐款、計劃）：

• 單選按鈕：25美元、50美元、100美元、自訂
• 下拉式選單，顯示金額
• 結合自訂條目

包含貨幣欄位的範例表單

報價申請表

1. 名稱（必填）
2. 電子郵件（必填）
3. 公司
4. 項目類型（下拉式選單）
5. 預算範圍（貨幣單位：1美元-100萬美元）
6. 時間軸（下拉式選單）
7. 項目詳情（文字方塊）

捐贈表格

1. 捐款金額（貨幣單位，最低 5 美元）
2. 名稱
3. 電子郵件
4. 是否將此獻給某人？ （勾選框）
5. 留言（文字方塊）

服務預約表

1. 服務類型（下拉式選單）
2. 日期
3. 時間
4. 願意支付的最高金額為（貨幣欄位）
5. 特殊要求（文字方塊）
6. 聯繫方式

貨幣欄位故障排除

符號未顯示

• 驗證所選貨幣格式
• 檢查符號設定已儲存
• 清除快取並刷新

小數位數錯誤

• 檢查小數位數設定
• 驗證步長是否與精度匹配
• 重新儲存字段設定

使用者輸入非數位內容

• 數字欄位應屏蔽字母
• 如果不是，請檢查欄位類型是否為「數字」。
• 驗證應該在提交時觸發。

格式看起來有問題

• 檢查區域設置
• 驗證格式選擇
• 在不同瀏覽器中進行測試。

常見問題（FAQ）

我可以在一張表格中使用多種貨幣嗎？

是的。可以添加多個數字字段，每個字段配置不同的貨幣符號。或使用下拉式選單讓使用者選擇貨幣，並只設定一個金額欄位。

如何精確到分地收集價格？

將小數位數設定為 2，步長設定為 0.01。這樣就可以輸入像 99.99 美元這樣的數字。

價格應該用文字方塊還是數字框？

始終使用數字欄位。這樣可以確保輸入有效的數字，啟用最小值/最大值驗證，並支援貨幣格式設定。

如何處理貨幣兌換？

表單通常只以一種貨幣收款。貨幣轉換在您的後端或支付處理系統中進行。請明確標示您收款的貨幣種類。

貨幣符號可以放在右側嗎？

符號位置取決於欄位的具體實作方式。大多數情況下，符號顯示在金額（$100）之前，這符合美國/英國的常見慣例。

摘要

建立貨幣輸入欄位：

1. 新增數字字段 貨幣基礎
2. 選擇貨幣格式 啟用格式化
3. 選擇貨幣符號 – 美元、歐元、英鎊等。
4. 設定小數位數 – 0 代表整數，2 代表分
5. 配置最小值/最大值 可接受範圍
6. 設定步長 輸入的精確度
7. 添加清晰標籤 – 貨幣環境

結語

格式規範的貨幣欄位使表單更專業，並減少錯誤。使用者看到貨幣符號和正確的格式後，就能立即明白該輸入什麼。再也不用擔心是否需要包含美分或您要求輸入的是哪種貨幣了。

自動表單產生器的 數字欄位支援多種貨幣符號的貨幣格式、可配置的小數位數、最小值/最大值驗證，以及用於預算範圍的可選滑桿模式。

準備新增貨幣欄位嗎？ 下載自動表單產生器 並建立專業的財務資訊輸入表格。