如何在 WordPress 中建立多頁表單

最近我們的一位使用者問我們如何在 WordPress 中建立一個多頁表單？ 多部分形式允許您收集更多資訊，而不會使使用者不必擔心。 在本文中，我們將向您展示如何在 WordPress 中建立多頁表單。

為什麼和什麼情況下需要 WordPress 中的多頁表單？

表單是收集資料並與使用者聯絡的最簡單方法。 無論是聯絡表單，電子郵件捕獲表單還是簡單的調查。然而，冗長的形式對於使用者來說是令人生畏的，並且增加了放棄形式。為了克服這個問題，使用者體驗專家推薦了多頁表單。 這種形式的欄位被分成幾個部分和頁面。

隨著螢幕上的進度條和螢幕上的欄位減少，使用者感到更加放心填寫表單。 它為您的使用者提供了更具吸引力和互動性的體驗。話雖如此，我們來看看如何在 WordPress 中輕鬆建立一個多頁表單。

使用 WPForms 建立多頁 WordPress 表單

我們將使用 WPForms，這是 WordPress 最開始的最友好的聯絡人表單外掛。 您至少需要 $39 的基本許可證。

首先需要做的是安裝並啟用 WPForms 外掛。 有關詳細資訊，請參閱我們關於如何安裝 WordPress 外掛的逐步指南。啟用後，您需要輸入許可證金鑰。 您可以透過在 WPForms 網站上登入您的帳戶獲得此金鑰。複製許可證金鑰，然後訪問 WordPress 站點上的 WPForms» 設定頁面。 貼上許可證金鑰，然後單擊驗證鍵按鈕。

驗證您的許可證金鑰後，您現在可以在 WordPress 中建立第一個多頁表單。只需去 WPForms» 新增新頁面，它將啟動 Form Builder 。

為您的表單提供標題，然後選擇下面顯示的模板之一。 WPForms 提供了現成的形式來加快表單建立過程。您可以選擇與您的表單要求相匹配或選擇空白表單。 單擊模板將啟動表單編輯器。

只需點選左欄的欄位將其新增到您的表單中。 之後點選窗體中的一個欄位進行編輯。 您還可以拖放表單域。

新增幾個表單欄位後，您可以在表單中新增新頁面。 單擊左欄中花式欄位部分下的分頁欄位。

您會注意到，WPForms 將在頁面頂部新增一個頁面標記，並在頁面頂部新增第一個頁面標記。它也會將提交按鈕推送到下一頁，而您的第一頁現在將具有 「下一步」 按鈕。

點選頂部的第一頁標記來編輯您的多頁表單屬性。 在左側列中，您可以選擇進度條型別。 WPForms 允許您使用一個簡單的進度條，圈子，聯結器，或根本沒有進度指示器。

對於本教程，我們將使用聯結器作為進度條。 您也可以選擇頁面指示器的顏色。 最後，您可以提供第一頁的標題。現在您需要單擊分頁符號來編輯其屬性。 在這裡，您可以提供下一頁的標題。 您還可以編輯要在 「下一步」 按鈕上顯示的文字。

您可以在分頁後繼續新增表單域。 如果您使用 PRO 版本的 WPForms，那麼您還可以使用條件邏輯來顯示和隱藏表單欄位基於使用者的響應。新增更多欄位後，如果需要，您可以新增更多的頁面破譯。建立表單後，點選螢幕右上角的儲存按鈕。恭喜，您已成功建立了第一個多頁表單。將您的多頁表單新增到 WordPress 的帖子和頁面。 WPForms 使 WordPress 的帖子和頁面中新增表單非常簡單。

建立一個新的帖子/頁面或編輯一個現有的頁面。 在帖子編輯器的頂部，您將看到一個 「新增表單」 按鈕。

點選它將彈出一個插入表單。

從下拉選單中選擇您的表單，然後單擊新增表單按鈕。

您會注意到 WPForms 的短碼新增到您的帖子/頁面。 您現在可以儲存或釋出此帖子或頁面。

訪問您的網站，檢視您的多頁表單的行動。