您想在 wordpress 中使用動態字段填充來自動填寫網站上的表單嗎?
動態字段填充允許您根據用戶選擇、查詢字符串或字段類型自動填充表單字段。這使您的表單變得智能,節省用戶時間,提供更好的用戶體驗,并最終提高表單完成率。
在本文中,我們將向您展示如何在 WordPress 中使用動態字段填充來自動填寫表單。
什么是動態現場總體?
動態字段填充是一種允許網站所有者根據用戶選擇、表單類型、查詢字符串或條件邏輯自動填充表單字段的技術。
例如,電子商務商店可以創建一個表單,其中使用WooCommerce或任何其他電子商務軟件中的現有產品動態填充表單中的產品字段。
同樣,房地產網站可以在其預約和潛在客戶生成表單中自動填充列表、代理和房產類型字段。
高級用戶和開發人員還可以使用 URL 參數,通過電子郵件通訊或其他網站交互中的智能鏈接動態填寫表單字段。
說了這么多,我們來看看如何在WordPress中輕松使用動態字段填充。
如何在 WordPress 中使用動態字段填充
首先,您需要安裝并激活WPForms插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。
WPForms 是市場上最好的 WordPress 聯系表單插件。它允許您使用簡單的拖放工具輕松創建在線表單。
它還配備了動態字段填充、條件邏輯和高級表單字段。這些功能一起使您可以在網站上創建更智能、更具交互性的表單。
激活插件后,您需要訪問WPForms ? 設置頁面以輸入您的許可證密鑰。您可以在 WPForms 網站上您的帳戶下找到此信息。
接下來,您需要訪問WPForms ? Add New創建您的第一個表單。
系統會要求您提供表單的名稱,然后選擇一個模板來啟動。
有多種表單模板可供選擇。在本教程中,我們將使用賬單/訂單模板。
接下來,您可以單擊以編輯表單字段。
只需從左欄切換到高級菜單即可。
WPForms 現在將自動加載并顯示表單預覽中的字段。
您現在可以保存表單。
要嵌入表單,只需單擊表單構建器頂部的“嵌入”按鈕即可。從這里,您可以選擇現有頁面來嵌入表單或創建新頁面。
或者,您可以使用 WPForms 塊將表單添加到 WordPress 帖子或頁面。繼續編輯要添加表單的帖子或頁面。
進入WordPress 內容編輯器后,將 WPForms 塊添加到帖子編輯區域。之后,只需從下拉菜單中選擇您之前創建的表單即可。
您現在可以保存您的帖子或頁面。
接下來,訪問您的網站以查看具有實際操作的動態字段值的表單。
使用 URL 參數自動填寫表單字段
WPForms 還允許您使用URL 參數動態填寫表單字段。此功能允許您創建智能鏈接,自動將信息傳遞到表單并填寫以供用戶提交。
首先,您需要在 WPForms 中創建一個新表單或編輯現有表單。創建表單后,切換到左欄中的“設置”選項卡,然后選擇“常規”選項卡。
在此屏幕上,您需要單擊“啟用按 URL 預填充”選項的切換按鈕。
您現在可以保存表單并退出表單生成器。您的表單現在已準備好使用 URL 參數動態填充表單字段。
使用 URL 參數創建鏈接
WPForms 接受以特定格式通過 URL 參數傳遞的動態表單字段。
請注意我們如何使用 %20 來指示產品標題中單詞之間的空格。
在 WPForms 中查找表單和字段 ID
為了創建 URL 參數,您需要知道表單和字段 ID。以下是找到這些值的方法。
只需編輯您的表單,您就會在瀏覽器的地址欄中看到表單 ID。
同樣,為了找到表單字段 ID,您只需單擊即可對其進行編輯。
您將在左列中看到表單字段屬性,以及頂部的字段 ID。
現在,如果您想將值傳遞給子字段怎么辦?
只需在 URL 中的字段 ID 后面添加子字段標識符,如下所示:
https://example.com/contact/?wpf15_3_city=london
有關更多詳細信息,您可以參閱 WPForms開發人員文檔,其中顯示了對所有類型的表單字段使用不同參數的更多示例。
您現在可以將此功能與CRM 軟件或電子郵件營銷服務結合使用,向您的用戶發送智能表單鏈接。大多數營銷平臺都帶有自己的個性化 MERGE 標簽,您可以將其添加到智能 URL 中以自動填寫表單中的個人信息。
您還可以將動態字段填充功能與其他表單插件(例如Formidable Forms、Gravity Forms或其他插件)一起使用。但是,我們建議使用 WPForms,因為它使整個過程變得簡單,而且我們很了解它,因為我們構建了該產品。
我們希望本文能幫助您了解如何使用 WordPress 中的動態字段填充來自動填寫表單。您可能還想查看我們關于如何跟蹤和減少 WordPress 中的表單放棄的文章,以及我們專家為小型企業挑選的最佳實時聊天軟件。