如何在WordPress中使用動態字段填充自動填充表單


您是否要在WordPress中使用動態字段填充來自動填寫網站上的表單?

動態字段填充使您可以根據用戶選擇,查詢字符串或字段類型自動填充表單字段。

這使您的表單更智能,節省用戶時間,提供更好的用戶體驗,並最終提高了表單完成率。

在本文中,我們將向您展示如何在WordPress中使用動態字段填充來自動填寫表單。

使用動態字段填充自動填充WordPress中的表單字段

什麼是動態場人口?

動態字段填充是一種技術,它允許網站所有者根據用戶選擇,表單類型,查詢字符串或條件邏輯自動填充表單字段。

例如,一個電子商務商店可以創建一個表單,其中使用WooCommerce或任何其他電子商務軟件中的現有產品來動態填充表單中的產品字段。

同樣,房地產網站可以自動在其約會和潛在客戶生成表單中填充列表,代理,屬性類型字段。

高級用戶和開發人員還可以使用URL參數通過電子郵件通訊或其他網站交互中的智能鏈接來動態填寫表單字段。

話雖如此,讓我們看一下如何輕鬆地在WordPress中使用動態字段填充。

如何在WordPress中使用動態字段填充

首先,您需要做的是安裝並激活WPForms插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

WPForms是市場上最好的WordPress聯繫人表單插件。 它使您可以使用簡單的拖放工具輕鬆創建在線表單。

它還帶有動態字段填充,條件邏輯和高級表單字段。 這些功能一起使您可以為網站創建更智能和交互式的表單。

注意: WPForms由WPBeginner創始人Syed Balkhi共同創立。

激活插件後,您需要訪問 WPForms»設置 頁面以輸入您的許可證密鑰。 您可以在WPForms網站上的帳戶下找到此信息。

WPForms許可證密鑰

接下來,您需要訪問 WPForms»添加新 創建您的第一個表格。 系統將要求您提供表單名稱,然後選擇一個模板開始。

創建一個新表格

WPForms現在將使用預選字段加載您的表單。 您可以單擊以編輯表單字段,也可以使用拖放功能上下移動它們。 您還可以單擊添加和刪除表單字段。

讓我們添加一個新的表單字段,以動態選擇填充它。

您可以在表單中添加下拉菜單,多項選擇框或複選框字段,以使用動態選擇選項。 只需單擊左列中的字段即可將其添加到表單中。

添加表單字段

接下來,單擊以編輯該字段,然後從左欄中展開“高級選項”菜單。

高級選項

在這裡,您需要在“動態選擇”下選擇一個動態選項。 WPForms支持在您的WordPress網站上註冊的帖子類型和分類法。 在本教程中,我們將選擇“產品”帖子類型。

動態選擇

WPForms現在將自動加載並在表單預覽中顯示字段。

現在,您可以保存表單並退出表單構建器。

要將表單添加到WordPress帖子或頁面中,只需在要添加該帖子或頁面的位置進行編輯。

在帖子編輯屏幕上,將WPForms塊添加到您的帖子編輯區域。 之後,從下拉菜單中選擇您之前創建的表單。

在WordPress中添加WPForms塊

現在,您可以保存您的帖子或頁面,並訪問您的網站以查看具有動態字段值的表格。

WPForm預覽

使用URL參數自動填寫表單字段

WPForms還允許您使用URL參數動態填充表單字段。 這樣,您可以創建智能鏈接,這些鏈接會自動將信息傳遞給表單,並填寫信息供用戶提交。

首先,您需要創建一個新表單或編輯WPForms中的現有表單。 創建完表單後,請從左欄中切換到“設置”標籤,然後選擇“常規”標籤。

在此屏幕上,您需要選中啟用動態字段填充框。

啟用動態字段

現在,您可以保存表單並退出表單構建器。 現在,您的表單已準備就緒,可以使用URL參數動態填充表單字段。

使用URL參數創建鏈接

WPForms接受通過URL參數以特定格式傳遞的動態表單字段。

https://example.com/contact/?wpf15_1=值

讓我們分解一下。

  • URL中問號“?”之前的部分是具有您的表單的頁面的URL。 例如,您的聯繫表單頁面。
  • wpf –指示WPForm表單字段參數的開始。
  • 15 –是您的表格的ID
  • _1 –接下來,您具有字段ID
  • =值 – =表示要傳遞給表單的值的開頭,後跟實際字段值。

這是一個URL的示例,其中我們將產品標題作為文本字段傳遞給反饋表單。

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

在帖子中添加網址

注意,我們如何使用%20來表示產品標題中單詞之間的空格。

在WPForms中查找表單和字段ID

為了創建URL參數,您需要知道表單和字段ID。 這是您如何找到這些值的方法。

只需編輯您的表單,您將在瀏覽器的地址欄中看到表單ID。

在WPForms中查找表單ID

同樣,為了找到表單字段ID,您只需單擊即可對其進行編輯。 您將在左列看到表單字段屬性,在頂部看到字段ID。

查找表單字段ID

現在,如果您想將值傳遞給子字段怎麼辦?

只需在URL中的字段ID之後添加子字段標識符,如下所示:

https://example.com/contact/?wpf15_3_city=london

有關更多詳細信息,請參閱WPForms開發人員文檔,該文檔顯示了更多示例,以針對所有類型的表單字段使用不同的參數。

現在,您可以將此功能與CRM軟件或電子郵件營銷服務結合使用,以向用戶發送智能表單鏈接。 大多數營銷平台都帶有其自己的個性化MERGE標籤,您可以在智能URL中添加這些標籤以自動在表格中填寫個人信息。

您還可以將動態字段填充功能與其他表單插件(如“強大的表單”,“重力表單”等)一起使用。但是,我們建議使用WPForms,因為它使整個過程變得容易,並且因為我們構建了產品,所以我們對此非常了解。

我們希望本文能幫助您學習如何使用WordPress中的動態字段填充來自動填寫表格。 您可能還想看一下我們有關如何跟踪和減少WordPress中的表單放棄的文章。

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