如何在 WordPress 中創建自定義計算器

已發表: 2021-12-28

您想在 WordPress 中創建自定義計算器嗎?

也許您希望用戶能夠在登錄頁面上計算某些內容,或者您​​希望將計算器用作為您的業務生成更多潛在客戶的工具。

在本文中,我們將向您展示如何在 WordPress 中輕鬆創建自定義計算器。

Easily create a custom calculator in WordPress

為什麼要在 WordPress 中添加自定義計算器?

向您的 WordPress 網站添加自定義計算器可讓您的用戶在不離開您的網站的情況下快速計算事物。

例如,在健康和健身 WordPress 博客上,您可以添加一個 BMI 計算器,讓用戶快速計算 BMI,以便他們知道要購買哪個訂閱計劃或產品。

同樣,您可以使用自定義計算器來計算抵押貸款、汽車付款、產品配置、貸款利息等。

自定義計算器也可以成為在您的網站上生成潛在客戶的有用工具。 例如,您可以要求用戶提供他們的電子郵件地址,以便將計算器工具的個性化結果發送到他們的收件箱。

話雖如此,讓我們看看如何在 WordPress 中輕鬆創建自定義計算器。

在 WordPress 中創建自定義計算器

為您的網站創建自定義計算器的最佳方式是使用強大的表單。 它是市場上最好的 WordPress 計算器插件,也是構建任何高級表單的最簡單方法。

Formidable Forms

您需要做的第一件事是安裝並激活強大的表單插件。 有關更多詳細信息,請參閱我們關於如何安裝 WordPress 插件的分步指南。

激活後,您需要安裝名為 Formidable Forms Lite 的免費版插件。 這個免費版本為插件的高級功能提供了核心基礎。

接下來,您需要訪問強大的表單»全局設置頁面以輸入您的插件許可證密鑰。 您可以在 Formidable Forms 網站上的帳戶下找到此信息。

Enter Formidable Forms license key

現在,您已準備好為您的網站創建您的第一個自定義計算器。

只需前往強大的»表單頁面,然後單擊添加新按鈕。

Adding a new calculator form

這將顯示一個可供選擇的可用表單模板列表。

在搜索框中,輸入“計算器”並選擇“計算器”類別。

Choose calculator category

這將顯示一個可供選擇的計算器模板列表。 Formidable Forms 附帶了一堆常用的自定義計算器。

只需單擊以選擇,然後單擊添加按鈕即可使用該表單。 為了本教程的目的,我們將創建一個 ROI 計算器(投資回報率計算器)。

Select your custom calculator template

該插件將使用您選擇的計算器模板加載 Formidable Forms 的表單構建器界面。

從這裡,如果需要,您可以簡單地指向並單擊以自定義 amy 表單字段。 您可以單擊一個字段來更改其標籤和屬性。

Edit your calculator form

您還可以通過簡單地拖放字段從左列添加新字段。

Add new field

一旦您對錶單字段感到滿意,您只需單擊屏幕右上角的“更新”按鈕即可。

Save calculator

您的自定義計算器表單現已準備就緒,您可以將其添加到您網站上的任何 WordPress 帖子或頁面中。

只需編輯現有帖子/頁面或創建空白頁面。 在內容編輯器屏幕上,您需要將強大的表單塊添加到您的頁面。

Add Formidable Forms block

添加塊後,您只需單擊塊設置中的下拉菜單,然後選擇您的投資回報率計算器表格。

Select ROI Calculator form

強大的表單塊現在將在 WordPress 塊編輯器中獲取並顯示計算器表單的預覽。

ROI calculator preview in the editor

您現在可以繼續編輯您的頁面或將其保存並發佈到您的網站上。

完成後,您可以在新的瀏覽器選項卡中訪問該頁面以查看您的計算器的運行情況。

在 WordPress 中自定義您的計算器表格

您始終可以自定義使用強大表單創建的任何計算器。 只需轉到強大的»表格頁面,然後單擊編輯按鈕以更改您的計算器表格。

Edit your calculator form

您對錶單所做的任何更改都將自動顯示在您在網站上添加此表單的任何帖子或頁面上。

查看您的計算器表格條目

Formidable Forms 會自動將計算器表單條目保存到您的 WordPress 數據庫中。

您可以通過訪問Formidable » Entries頁面輕鬆查看用戶執行的所有計算。

View calculator form entries

從這裡,您可以單擊各個條目以查看用戶輸入的數據。

或者,您還可以按特定的計算器表格過濾條目,以表格格式查看所有條目的數據。

Calculator data entries

從這裡,您還可以下載 CSV 格式的所有計算器數據並在電子表格軟件中查看。

需要更多見解? 切換到表單條目的報告選項卡,您將能夠查看計算器的詳細圖表和圖形。

Viewing calculator data reports

例如,在我們的 ROI 計算器報告中,我們可以看到用戶提交的平均 ROI 百分比。

Average values for your calculator form data

這些圖表可讓您快速了解用戶如何與您網站上的計算器交互以及平均響應。 然後,您可以使用此信息根據受眾的要求定制您的內容。

使用您的自定義計算器捕獲潛在客戶

Formidable Forms 讓在 WordPress 中添加客戶計算器並將其連接到您的電子郵件營銷服務變得非常容易。

但是,您仍然需要推動用戶使用計算器並獲取潛在客戶並增加銷售額。

這就是 OptinMonster 的用武之地。它是市場上最好的潛在客戶生成軟件,可讓您輕鬆地將網站訪問者轉換為訂閱者和客戶。

Popup example

它帶有燈箱彈出窗口、滑入式彈出窗口、倒數計時器、頁眉和頁腳橫幅等工具。 所有這些都可以幫助您推動用戶使用您的自定義計算器。

OptinMonster 還帶有強大的定位規則和個性化選項,可以在正確的時間向用戶顯示有針對性的消息。

Personalization example

我們希望本文能幫助您在 WordPress 中添加自定義計算器。 您可能還想查看我們關於最佳商務電話服務的指南,或查看我們關於如何在 WordPress 中跟踪轉化的提示。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。 您也可以在 Twitter 和 Facebook 上找到我們。