如何在 WordPress 中創建帶進度條的多步驟表單?

已發表: 2023-05-01

你想學習如何在 WordPress 中創建帶進度條的多步驟表單嗎? 我們抓到你了!

多部分錶單將長表單分成多個步驟。 因此,表單字段更有條理,用戶也更容易填寫。

同樣,進度條顯示已完成的工作量並跟踪用戶填寫表單的進度。

因此,本文將為您提供有關如何在帶有進度條的 WordPress 中創建多步驟表單的詳細指南。

讓我們開始。

目錄

為什麼在帶有進度條的 WordPress 中創建多步驟表單?

如前所述,多步驟形式正是它聽起來的樣子,一個分成多個部分的長形式。

因此,它改善了用戶體驗,提高了轉化率,並提高了數據準確性。

下面我們列出了更多關於為什麼您應該在 WordPress 中創建帶有進度條的多步驟表單的要點。

  • 填表人可以在必要時查看、返回、修改和更改他們提供的信息。
  • 進度條提高了多步驟表單的可用性,使用戶更容易導航和理解。
  • 它還向用戶提供有關他們的進度的反饋,並允許他們調整他們的方法。
  • 它還通過確保用戶在提交表單之前完成所有必需的步驟來減少錯誤。

這些只是 WordPress 中帶有進度條的多步驟表單的一些好處。 如果你挖得更深一點,你可以想出更多。


在 WordPress 中創建帶進度條的多步驟表單(教程)

在了解帶有進度條的多部分錶單的所有好處後,您應該立即將其嵌入到您的表單中。

但是選擇正確的工具來繼續這個過程非常重要。 這是最好的表單構建器插件 Everest Forms 介入的地方。

珠穆朗瑪峰形式

您可以使用 Everest Forms 創建各種在線表格,包括工作申請表格、聯繫表格、調查、民意調查等。

但最重要的是,只需幾個簡單的步驟,您就可以在 WordPress 中創建一個帶有進度條的多步驟表單。

現在事不宜遲,讓我們通過一個循序漸進的過程在 WordPress 中創建一個帶有進度條的多步驟表單。

第 1 步:安裝並激活 Everest Forms 和 Everest Forms Pro

您需要做的第一件事是在您的 WordPress 儀表板上安裝Everest FormsEverest Forms Pro

您確實可以使用該插件的免費版本創建簡單的表單。

但要獲得 Multi-Part Forms 附加組件,您需要升級到高級計劃(Plus 或更高版本)。

多部分錶格附加組件

Everest Forms Pro 的安裝過程非常簡單。 只需訪問該插件的官方網站,您就會在其中看到 4 種不同的計劃。

Everest 表格定價頁面

根據您的預算和要求選擇計劃。

之後,您將收到指向您電子郵件的鏈接。 點擊鏈接並訪問您的帳戶信息中心。

從那裡,您可以下載插件的 pro zip 並在許可證密鑰選項卡下獲取許可證密鑰。

之後,返回您的 WordPress 儀表板並導航至插件 >> 添加新插件。 然後只需單擊“上傳插件”按鈕。

接下來,選擇您之前下載的Everest Forms pro zip 文件並點擊立即安裝

Everest 表格上傳 Zip

現在,將許可證密鑰粘貼到所需區域並在您的站點上激活插件。

輸入許可證密鑰

如果您需要詳細的整個安裝和設置過程,請點擊此鏈接了解如何安裝 Everest Forms pro。

正確設置插件後,您可以繼續下一步。


第 2 步:安裝並激活多部分錶單附加組件

由於您已獲得專業版,因此現在可以輕鬆安裝Multi Part Forms 附加組件。 首先,導航到Everest Forms >> Add-on

之後,搜索Multi Part add-on 。 然後只需單擊Install Addon按鈕並按Activate

多部分插件創建帶進度條的多步驟表單

當狀態顯示為Activated時,您將知道該附加組件處於活動狀態。

狀態激活的多部分附加組件

第 3 步:創建新表單

安裝並激活Multi-Part Form 插件後,就可以創建新表單了。

所以去 Everest Forms >> 添加新的.

珠穆朗瑪峰表格添加新的

您會在“添加新表單”頁面上找到一組預構建的表單模板。 但是,您也可以從頭開始。

在本教程中,我們將展示如何從頭開始在 WordPress 中創建多步驟表單。

白手起家

因此,單擊從頭開始並為您的表單命名。

我們將其稱為“員工評估表”,然後按“繼續”

表單名稱

之後,您將看到 Everest Forms 表單編輯器屏幕,如下所示。


第 4 步:啟用多部分錶單設置

現在是時候將您的表單分成多個部分了。 為此,您需要先啟用多部分功能。

導航到頂部的“設置”選項卡。 然後單擊多部分設置。

接下來,您將看到啟用多部分錶單選項的複選框。 勾選複選框,就像啟用您的選項一樣。

啟用多部分選項

在同一頁面上,您還將看到零件指示器的一些自定義選項,例如:

進度指標:

從這裡,您可以從下拉列表中選擇該部分的主題,該主題將顯示在您的表單頂部,例如:

進度指示器選項
1.進度條
進度條多步驟表單
2.圓棒
圓棒
3.箭頭步驟
箭頭步驟欄

進度指示器顏色:

此選項可讓您為零件指示器選擇顏色。 您可以根據自己的喜好選擇任何顏色。

進度指示器顏色

部分導航對齊:

您可以選擇零件導航按鈕的對齊方式,例如:

1. 左
左對齊
2. 對
右對齊
3.中心
對齊中心
4.拆分
對齊拆分

完成所有更改後,不要忘記保存它。


第 5 步:添加字段並構建您的多步驟表單

啟用多部分錶單選項後,第一部分立即出現在表單構建器中。

它的標題是Part Title ,您可以稍後從Page Options更改它。

更改零件標題的頁面選項

接下來,將所有必填字段拖放到您的表單中。

拖放字段

要將另一個部分添加到您的表單,請單擊添加新部分,您可以在底部找到它。

這將打開下一個空白頁面,您可以在其中像以前一樣添加所需的字段。

添加新部件按鈕

您還可以調整各個部分或移動它們的位置。 只需向右或向左拖動零件即可。

移動零件

同樣,您可以像以前一樣在頁面選項下編輯零件標題標籤

零件標題頁選項

在這裡,我們添加了四個部分,分別命名為 WPEverest 年度績效評估、績效衡量、未來目標和附加信息。

最後,單擊“保存”按鈕以保存您對錶單所做的更改。


第 6 步:配置表單設置

接下來,您可以打開表單的“設置”選項卡來配置表單的設置。

在這裡,您會發現具有各種自定義選項的不同部分。

1. 總則

使用常規設置,您可以編輯表單描述、表單禁用消息、啟用條件邏輯、佈局設計等。

常規設置
2. 電子郵件

電子郵件設置允許您創建管理員和用戶電子郵件通知模板。

電子郵件設置
3.網絡鉤子

使用 WebHook,您可以將表單數據發送到任何外部 URL。 您必須設置請求 URL、請求方法、請求格式和請求標頭。

網絡鉤子設置

您現在可以單擊保存以保存您對錶單所做的更改。


第 7 步:預覽並發布您的表單

您已經使用 Everest Forms 成功創建了一個包含進度字段的多部分錶單。

但只有當您在 WordPress 網站上顯示您的表單時,您的用戶才能看到它。

因此,請對您的表格進行最後檢查。 您還可以預覽表單。 只需單擊“保存”按鈕旁邊的“預覽”按鈕。

預覽保存

接下來,要將表單添加到您的站點,您可以使用 Everest Forms 塊來顯示您的表單。

轉到帖子/頁面 >> 添加新的

發布 添加新的

您將登陸塊編輯器。 單擊添加塊 (+)按鈕並蒐索 Everest Forms 塊。

珠穆朗瑪峰形式塊

將其添加到頁面並從下拉列表中選擇您的 WordPress員工評估表

員工評估表下拉多步驟表 WordPress

最後,您可以點擊頂部的發布按鈕。

發布表單 在 WordPress 中創建多步驟表單

總結起來!

這就是我們關於如何在帶有進度條的 WordPress 中創建多步驟表單的指南。 我們非常確定本教程對您有所幫助。

現在,您可以使用 Everest Forms 在 WordPress 中輕鬆創建帶有進度條的多步驟表單,而不費吹灰之力。

Everest Forms 遠不止是您的基本表單生成器工具。 要獲得有關該插件的更多評論,請閱讀我們關於 Everest Forms 評論的文章。

接下來,您還可以閱讀如何在不丟失內容的情況下更改 WordPress 主題。

最後,如果您喜歡我們的內容,請在社交媒體上關注我們以獲取未來更新。

我們在 Facebook 和 Twitter 上可用。 如需簡單的視頻教程,請訂閱我們的 YouTube 頻道。