如何使用強大的表單在 WordPress 中創建自定義計算器?

已發表: 2019-10-10

在 WordPress 站點中提供自定義計算器的原因有很多。 您可以使用它們為客戶創建報價,在您的網站上提供價格比較,如果您經營電子商務業務等。這些只是公司如何利用表格計算的一些方式。

Formidable Forms 是一個強大的工具,可以消除必須處理計算的壓力和麻煩。 您不僅可以獲得聯繫表單插件,還可以獲得完全可定制的 WordPress 計算器插件。

強大的表單插件允許您顯示價格比較(請參閱最佳 WordPress 價格比較插件或最佳 WordPress 價格比較主題)、應用折扣代碼並使用高級數學計算。 內置的計算器表格可以滿足您的需求。

您不再需要擔心手動向客戶提供報價。 Formidable 的計算器表格讓客戶在表格中輸入所有相關信息並立即收到免費報價。 即時報價可以為您的業務帶來更多查詢和轉化。

目錄

在 WordPress 中創建自定義計算器

Formidable Forms 計算使用默認值或輸入值來計算以適應場景。 表格計算允許您計算客戶需要在您的網站上查看的任何數字。 無論您使用哪種表單字段或計算,都沒有關係。

計算器表格插件

該插件適用於熟悉的電子商務平台,包括 WooCommerce。 這使用戶在您的電子商務網站上的購物體驗變得無縫。

您還可以向表單添加支付處理器,例如 Stripe 或 PayPal。 您不必擔心付款延遲、交易不准確或未付款等問題。 您不必為付款而打擾您的客戶,因為一切都集中在一個地方。

表單計算允許您的表單:

  • 計算價格(多件或單件商品)
  • 比較價格
  • 提供單獨的值計算
  • 計算複雜的任務
  • 應用折扣
  • 創建在線報價計算器
  • 自動計算字段
  • 收款
  • 將文本輸入合併到一個字段中
  • 使用具有條件邏輯的計算字段
  • 計算各個字段的值
強大的表格計算器也可以用作:

  • 汽車付款計算器
  • NPS 調查分數計算器
  • WooCommerce 產品配置器
  • 按揭計算器

使用強大的表單創建計算器表單

購買並安裝 Formidable Forms 插件。 您至少需要 Formidable Pro Business 計劃才能訪問計算器功能。

安裝插件後,您將看到激活許可證密鑰的通知。 單擊此通知將帶您進入全局設置頁面

您可以在許可證密鑰字段中輸入您的許可證密鑰信息。 完成後單擊“保存許可證”。 您可以在 Formidable Forms 帳戶中找到許可證密鑰信息。 現在您已準備好創建計算器表單。

從儀表板轉到Formidable > Forms 頁面以創建新表單。 您可以使用現成的模板之一或從頭開始創建自己的表單。

強大的形式現成的模板
Formidable Forms 中可用表單模板的示例

您可以通過複選框字段、單選按鈕或下拉菜單添加產品選項。 最簡單的方法是打開表單構建器並將這些字段類型拖放到表單中,直到您擁有所需的所有選項。

單擊字段以顯示左側的“字段選項”。 您可以在此處為每個定價選項分配值。 標有“選項 1”和“選項 2”的框將顯示為默認值。 隨意重命名它們並添加您可能需要的任何其他選項。

NPS 調查分數計算器

選中出現在其下方的“使用單獨的值”框。 這將使您能夠訪問除每個定價選項之外的新選項,並且您可以在此處為每個相應選項添加價格。 表單將使用這些選項來計算總計。 只需確保每個選項的定價選項是唯一的。

創建計算器 wordpress

接下來,您需要添加一個數字字段來計算和顯示每個訂單的總價。 您可以根據需要為該字段指定任何名稱。 像“總價”這樣的東西可能效果最好。 調出字段選項並選中“只讀”框以確保其他人無法編輯此選項。

進入高級選項菜單,您將在其中看到“默認值”部分。 首先單擊計算器圖標,然後單擊菜單圖標(顯示為三個點)。

按揭計算器

這將顯示“計算值默認值”選項的設置。 選擇要使用的小數位數。 大多數人只會使用兩個,因為他們想以美元和美分顯示價格。

在這裡,一切都以計算器的形式匯集在一起。 轉到字段列表部分以選擇要計算的字段。 單擊所選的每個字段的 ID 或名稱會將其添加到計算中。 您可以使用 CSS 類更改計算字段的外觀。 數字將以粗體顯示,沒有邊框,這使其成為顯示訂單價格的絕佳選擇。

計算總價後,您就可以開始接受付款了。 Authorize.net 和 Stripe 都允許您在表單中添加信用卡付款字段,以便您可以直接在您的網站上付款。 PayPal 是您可以使用的另一種選擇。

最後一步是發布您的表單。 您可以在單個購物車或特定產品頁面上發布表單。

在線報價計算器

要將表單放在頁面上,請單擊頁面構建器左上角的“添加塊”圖標(如果您使用的是塊編輯器)。 接下來,選擇 Formidable Forms 並從下拉菜單中選擇您的計算器表單以放置您的表單。 就是這樣! 您現在擁有一個完全可操作的 WordPress 價格計算器,您的客戶可以使用它。

表格計算示例
汽車貸款計算器表格示例

有關如何使用字段計算器的更多示例,請查看文檔。 強大的現場計算器不僅可以用於價格計算。 例如,您可以使用它們來構建抵押計算器。 查看可用的計算器表單模板。

為什麼使用價格計算器很重要?

有時您希望讓您的客戶選擇顏色、數量、尺寸等。但是您將需要根據各種標準和客戶意願手動計算價格。

如果有更簡單的方法呢? 使用表格計算器選項,您可以設置總價根據客戶的選擇、添加到購物車等自動調整。

您最不想要的就是讓客戶去其他購買過程更方便的地方。 為您和您的客戶節省一些時間和麻煩。 如果 Formidable Forms 不是一種表單構建器插件,那麼 WPForms 和 Gravity Forms 是不錯的選擇。 查看 Gravity Forms 與 WPForms 之間的差異。