如何在您的 WordPress 表單中添加中繼器字段?

已發表: 2022-01-24

如果您需要為您的用戶提供個性化的表單,則必須學習如何將 WordPress 轉發器字段添加到表單中。

擁有轉發器字段意味著用戶可以根據需要創建任意數量的子字段並輸入所有必要的數據。 反過來,您可以從每個用戶那裡獲得自定義數據,從而使您能夠更好地分析他們。

像 Everest Forms 這樣的插件將幫助您輕鬆地在 WordPress 表單中添加轉發器字段。 而且,我們將在下面的分步教程中向您展示如何操作。

但在此之前,讓我們了解您應該考慮在表單中使用可重複字段的關鍵原因。

目錄

為什麼您的表單中需要一個可重複的字段?

當您嘗試從用戶那裡提取詳細信息時,表單會很快變得冗長而復雜。

假設您需要了解用戶的完整教育背景。 在這種情況下,顯示他們可能擁有的每個可能的資格和學位的字段會使您的表格變得混亂。

使用 WordPress 轉發器字段不是更好嗎,用戶可以根據需要創建任意數量的字段並輸入他們的教育詳細信息? 當您收到所有必需的信息時,這為用戶提供了個性化的表單體驗。

因此,使用此類 WordPress 表單可重複字段,您可以:

  • 減少因冗長而復雜的表格而導致的表格放棄率。
  • 從您的用戶那裡獲得準確的信息。

這就是為什麼您應該在表單中任何需要的地方添加一個 WordPress 轉發器字段。

話雖如此,讓我們通過我們的指南來了解如何在 WordPress 中創建轉發器字段。


如何在您的 WordPress 表單中添加中繼器字段?

我們建議使用 Everest Forms 在 WordPress 表單中添加重複字段,就像我們在本教程中所做的那樣。

Everest Forms WordPress 插件

它是 WordPress 中最受歡迎的表單構建器插件之一,獲得了超過 100,000 多個活動安裝。 這一切都歸功於其用戶友好的拖放表單構建器和自定義選項。

更不用說捆綁在高級附加組件中的高級功能,這些附加組件可用於擴展插件的功能。 因此,WordPress 表單可重複字段只是其眾多出色功能之一。

當您手頭有像 Everest Forms 這樣的插件時,在 WordPress 表單中添加轉發器字段非常容易。 您只需要準確地按照以下說明的步驟進行操作即可。

讓我們開始!

1.安裝並激活Everest Forms Free Plugin

您必須做的第一件事是安裝並激活 Everest Forms 的免費版本。

為此,請登錄您的 WordPress 網站儀表板並打開Plugins >> Add New

添加新標籤的插件

在搜索欄中輸入“Everest Forms”,插件就會出現在搜索結果中。 按立即安裝按鈕啟動安裝過程。

安裝免費的 Everest Forms 插件

然後,單擊激活按鈕完成安裝。 現在,您的網站上有免費版本的 Everest Forms 插件。

激活免費的 Everest Forms 插件

2. 下載並安裝 Premium Repeater Field Add-on

免費的 Everest Forms 插件足以創建簡單的聯繫人和其他類型的表單。 但是,要專門製作帶有 WordPress 轉發器字段的表單,您需要高級版的 Everest Forms。 它帶有中繼器字段附加組件,可讓您在表單中添加任意數量的中繼器字段。

這就是為什麼您必須首先為 Everest Forms 購買專業代理計劃才能使用此附加組件。 只需前往官方定價頁面併購買適合您的兩個計劃中的任何一個。

珠穆朗瑪峰形式定價計劃

然後,創建您的帳戶並登錄。 您將被帶到您的帳戶儀表板,您的計劃下可用的所有附加組件都列在“下載”部分中。

下載插件

您需要的只是Everest Forms ProRepeater Field附加組件。 只需下載兩者,它們就會在您的設備上保存為 ZIP 文件。

現在,返回 WordPress 儀表板並打開Plugins >> Add New

您現在可以上傳文件以一一安裝。 確保在安裝Repeater Field插件之前安裝Pro插件。 否則,您可能會遇到重大錯誤。

因此,單擊Upload Plugin按鈕並首先選擇Everest Forms Pro文件。

上傳專業插件

然後,按立即安裝激活插件以完成安裝。

激活專業插件

使用Repeater Field插件重複相同的過程。

現在, Installed Plugins頁面將包含這 3 個插件: Everest FormsEverest Forms (Pro)Everest Forms Repeater Field

輸入許可證密鑰通知

您可以在此頁面頂部看到一條通知,告訴您輸入Everest Forms (Pro)附加組件的許可證密鑰。 您可以在帳戶儀表板的“許可證密鑰”選項卡下找到此密鑰。

Everest Forms 許可證密鑰

只需複制密鑰,將其粘貼到Everest Forms (Pro)下的字段中,然後按 Enter。

這樣,您就可以開始構建具有可重複字段的表單了。


3.創建一個帶有Repeater字段的新表單

首先導航到Everest Forms >> Add New 。 此頁面為您提供了創建全新表單或自定義預製模板的選項。

添加新的珠穆朗瑪峰表格

Everest Forms 為不同類型的表單提供了多個入門模板。 如果您時間緊迫,您可以使用這些模板構建簡單的聯繫表、請假申請表、醫療預約表、工作申請表等。

新表格從零開始

但在本教程中,我們將向您展示如何從頭開始創建一個新表單並為其添加一個 WordPress 轉發器字段。 因此,單擊“從頭開始”選項。

然後,給您的表單起一個簡單且合乎邏輯的名稱。 例如,您可以將其命名為“訪客聯繫表”。

給出表格名稱

點擊按鈕後,您將被帶到如下所示的表單構建器。

WordPress 表單可重複字段生成器界面

左側是所有可供使用的表單字段及其字段選項。 右側是您通過添加行並在其中放置字段來構建表單的位置。 您所要做的就是將左側的字段拖到右側的行中。

WordPress 表單可重複字段的拖放字段

當您需要添加另一行時,請單擊Add Row 。 這會為常規字段創建一個新行,而不是可重複字段。

對於後者,您需要按下Add Repeater Row按鈕。

添加新的 WordPress 中繼器字段行

這將創建一個中繼器行,您可以像往常一樣在其中添加字段。 唯一的區別是此字段行現在將在您的表單上顯示為可重複的。

在 WordPress 中添加中繼器字段

繼續添加必要的字段,直到表單完成,完成後單擊“保存”。 您可以使用預覽功能在前端查看表單的外觀。

保存和預覽中繼器字段表單

4.自定義和配置表單設置

接下來,您需要自定義添加到表單中的所有字段。 為此,單擊要編輯的字段,其字段選項將顯示在左側。

常規字段選項 WordPress 中繼器字段

您可以從這裡編輯LabelMeta KeyDescription 。 您還可以為用戶提交表單設置一個必填字段。 除了這些關鍵選項外,該插件還帶有針對不同字段的特定自定義選項。

此外,Everest Forms 提供了諸如佔位符文本默認值CSS 類啟用自動填充高級選項

常規字段的高級選項

同樣,您可以在字段上啟用條件邏輯以獲得個性化的表單填寫體驗。

您還必須通過單擊中繼器字段來編輯中繼器行,然後再自定義其中的字段。

WordPress 中繼器字段行選項

除了常規選項外,您還可以獲得以下中繼器行的高級選項

  • 隱藏中繼器字段:在前端視圖中隱藏或顯示中繼器字段。
  • 重複限制:設置重複字段的重複限制。 將重複限制留空意味著允許用戶無限次添加重複字段。
  • 添加新標籤:更改添加按鈕的標籤。
  • 移除標籤:更改移除按鈕的標籤。
  • 隱藏標籤:允許隱藏表單字段標籤。
  • CSS 類:對轉發器字段使用自定義 CSS 類。
WordPress 轉發器字段的高級選項

那不是全部。 表單構建器的設置選項卡中有更多配置選項。

常規設置配置

General部分,您可以更改Form NameForm DescriptionLayout DesignSubmit button textForm disabled message等等。 更好的是,您可以為表單啟用反垃圾郵件、禁用存儲條目、允許 ajax 表單提交等。

您還可以從電子郵件部分為管理員和用戶創建和編輯電子郵件模板。 您甚至可以在要發送或不發送有問題的電子郵件時應用條件邏輯。

電子郵件設置配置

完成所需的更改後,不要忘記點擊保存按鈕。

更改後保存表單

現在在前端,填寫表格的用戶將能夠通過 WordPress 轉發器字段提供他們的完整信息。 他們只需單擊“添加”按鈕,表單中就會出現一組新的相同字段。 他們還可以刪除他們不需要的行。

添加刪除字段行

5. 將表格放在您的 WordPress 網站上

帶有可重複字段的自定義聯繫表單現在可以放置在您的 WordPress 網站上。

您可以通過兩種簡單的方式做到這一點。 只需從表單構建器頂部複製表單簡碼,然後打開要在其中顯示表單的頁面或帖子。

在 Builder 中復製表單簡碼

然後,單擊+圖標並添加Shortcode塊。

添加簡碼塊

粘貼您在此處複製的簡碼,然後單擊更新

粘貼簡碼並更新

或者,您可以搜索Everest Forms塊並從下拉列表中選擇表格。

使用珠穆朗瑪峰形式塊

最後,點擊更新,大功告成! 您的帶有 WordPress 轉發器字段的表單現在已在您的網站上發布。


包起來

當您需要有關用戶的自定義數據時,可重複字段是一個非常方便的功能。 Everest Forms 插件比以往更容易創建帶有重複字段的自定義表單以放置在您的網站上。

您所需要的只是它的Repeater Field 插件和這個綜合教程。

然而,這只是對珠穆朗瑪峰形式帶來的巨大可能性的偷窺。 例如,您可以將聯繫表單數據發送到 Google 表格、創建調查表,甚至更改提交按鈕的顏色。

在我們充滿 WordPress 內容的博客上了解有關 Everest Forms 的更多信息。 此外,請在 Facebook 和 Twitter 上關注我們以保持更新。