如何在 WordPress 表單中添加自動填充字段
已發表: 2023-08-30您在 WordPress 表單中新增自動填入欄位時遇到困難嗎？ 或不知道該怎麼做？ 我們將教您如何最全面地做到這一點。
將自動填入的表單欄位整合到您的平台或網站中，可為使用者提供高效、省時的機制，從而提高使用者滿意度。 它消除了在多個表單中重複輸入相同資訊的麻煩，使用戶的旅程更加順暢和愉快。
讓我們切入正題，開始學習如何在 WordPress 表單中新增自動填入欄位。
闡明自動填入欄位的概念
WordPress 中的自動填入欄位是什麼？
WordPress 中的自動填入欄位是一個動態表單元素，它會根據預先定義的資料或使用者輸入自動填入其內容。 它通常是使用查詢字串或其他表單欄位的資料來實現的，從而使填寫表單更加高效且用戶友好。
此外，擁有自動填充表單證明了您致力於優化使用者體驗。 它反映了對用戶需求的深刻理解以及簡化他們與您的平台互動的真誠願望。 這種以用戶為中心的方法可以培養長期忠誠度和積極的口碑，最終推動業務成長和成功。
自動填入欄位如何增強使用者體驗？
以下是它改善用戶體驗的幾個原因：
️提高準確性
自動填入欄位透過為訪客填寫表單答案來提高準確性。 自動填入欄位消除了手動資料輸入的需要。 當使用者鍵入資訊時，更有可能發生錯誤和不一致。 自動填入欄位可確保表單上的資訊正確且一致。
️最大限度地降低表單放棄率
自動填入欄位可加快表單填寫速度，減少放棄。 它導致表單放棄的可能性更高。 長而複雜的表單可能會讓使用者不知所措，並導致更高的表單放棄率。
️保持資料同步和更新
自動填充欄位會自動填入單一來源的資料。 它確保所有數據示例都是相同且最新的。 如果用戶更新其個人資料中的聯絡資訊，它將以任何形式反映。
MetForm Pro 入門
我們知道當今市場上有各種插件。 所有這些都提供相同的目的和功能，但功能有所不同。
在本文中，我們將使用 MetForm，這是建立 WordPress 表單的理想外掛程式。 由於我們在這裡討論“自動填充字段”，因此我們需要 MetForm Pro 版本。
首先，讓我們了解它的 Pro 功能，這使其成為理想的插件：
- 多步驟表單：將冗長的表單分成使用者友善的部分，提高完成率。
- 條件邏輯：將問題組織成類別，依使用者選擇顯示相關查詢。
- 計算：使用此專業欄位執行即時計算並顯示結果。
- WooCommerce Checkout ：將產品選擇和結帳表單合併在一個頁面上。
- 付款方式：從各種付款網關中進行選擇，包括 PayPal 和 Stripe。
- REST API 支援：將表單提交與第三方 API URL 或 Webhook 整合。
- Zapier 整合：將 MetForm 與 Zapier 整合以增強自動化。
- 自動填入欄位：使用額外設定自訂表單欄位以改善功能。
按一下此處開始使用 MetForm Pro。
使用 MetForm 在 WordPress 表單中新增自動填充字段
自動填充欄位是 MetForm 中的一項進階功能。 它使您能夠設定預設配置以有意義地填入表單。 輕鬆地向訪客或顧客展示處於啟用狀態的元素。 您可以透過修改 URL 輕鬆為欄位指派預設值，從而以前所未有的方式簡化表單建立過程。
您可以使用此功能自動填入字段，例如：
- 轉變
- 影像選擇
- 國內生產毛額同意
- 複選框
為交換器新增自動填充字段
請依照以下步驟為 Switch 建立自動填入欄位：
1. 開啟您的網站並導覽至儀表板從選單中找到MetForm選擇「 Form 」 按一下「 Add New 」。 您將被引導至不同的表格。
2. 輸入您的表單名稱並選擇您的範本（注意：如果您想從頭開始建立表單，請選擇空白表單）。 點擊“編輯表單”將您重新導向至其設定。
3. 新增部分 (+) 尋找Switch並拖曳小工具。
3.1. 轉到“設定”打開“從 URL 獲取值？” “
3.2. 前往「內容」 ，輸入開關欄位的名稱（例如「開關」作為名稱），在「活動文字」欄位中輸入「是」。
4. 點選“更新”按鈕。
為影像選擇新增自動填充字段
若要在自動填入欄位中新增影像選擇，請依照下列步驟操作：
1. 新增部分 (+) 點選 3 行尋找影像選擇並拖曳小工具。
2. 進入“設定”，開啟“從 URL 取得值？” “
3. 前往「內容」並輸入影像選擇欄位的名稱（例如「影像」作為名稱）。
4. 在「影像選擇選項」下，您將看到影像選擇的項目清單。
5. 點選第一個項目。 上傳縮圖在「選項值」下，輸入影像序列的編號（例如 1）。
6. 重複步驟 5，直到完成專案設定。 注意：您可以新增任意數量的項目。
7. 點選「更新」按鈕。
新增 GDPR 同意的自動填充字段
請依照以下步驟將 GDPR 同意新增至您的自動填入欄位：
1. 新增部分 (+) 點選三行尋找「 GDPR Consent」並拖曳小工具。
2. 進入“設定”，開啟“從 URL 取得值？” “
3. 前往「內容」 ，輸入您的 GDPR 同意的名稱「同意」 ，然後按一下「更新」按鈕。
為複選框新增自動填充字段
請依照以下步驟在自動填入欄位中新增複選框：
1. 新增部分 (+) 點選三行尋找「複選框」並拖曳小工具。
2. 進入“設定”，開啟“從 URL 取得值？” “
3. 前往“內容”，輸入名稱“複選框” 。在“複選框選項”下，您將看到選項清單（注意：您可以新增任意數量的複選框）。 確保記住您輸入的選項值，因為在最終輸出中啟用複選框自動欄位時應該需要它。
4. 點選「更新」按鈕點選畫面右上角的「更新並關閉」按鈕。 然後，您將進入 MetForm 選單。
最終輸出
查看您的表格以查看最終結果。 這就是我們的自動填充範例：
若要啟用Switch自動填入字段，請前往 URL，在 URL 末尾輸入“ ?switch=yes ”，然後按“ Enter ”按鈕。 注意：確保輸入正確的名稱和活動文字。 如果它們的第一個字母大寫，那麼您需要以相同的方式輸入。
若要使您的圖像能夠選擇和切換字段，請轉到目前的 URL 輸入“&image=1”，然後按一下“Enter”按鈕。 結果將根據您插入的名稱和選項值而有所不同。
若要新增您的GDPR 同意，請前往您目前的 URL 輸入“& gree=on ”，然後點擊“Enter”按鈕。
若要新增複選框字段，請前往目前的 URL 輸入「 &checkbox=value-1 」 點選「Enter 」按鈕。 如果要新增多個選項，則需要用逗號 ( , ) 分隔值（“ &checkbox=value-1,value-2 “）。
常見問題解答
使用 MetForm 需要編碼知識嗎？
在您的網站上使用 MetForm 外掛程式不需要任何編碼技能。 它在 Elementor 中提供了拖放表單產生器。 您可以使用簡碼設計表單，或從 30 多種預先設計的表單樣式中進行選擇。 使用 MetForm 製作聯絡表單無需購買 Elementor Pro 版本。
使用 MetForm 需要什麼？
MetForm 是專為 Elementor 建構器設計的插件。 它使用戶能夠創建各種表單。 唯一需要的是 Elementor 插件。 我們建議使用最新版本的 Elementor 來利用 MetForm 的功能。
MetForm 需要 Elementor Pro 嗎？
您無需購買 Elementor Pro 即可使用我們的插件。 MetForm 可與 Elementor 的無障礙版本搭配使用。 但如果您需要額外的功能，您可以將 MetForm 與 Elementor Pro 一起使用。
MetForm 的支援和更新周期是多久？
MetForm 的年度套餐包括我們團隊提供的一年支援和更新。 或者，終身套餐提供終身更新和支援。
使用 MetForm 會減慢我的網站速度嗎？
一點也不。 MetForm 專為最佳效能而打造。 它提供優化的程式碼以確保流暢的用戶體驗。
MetForm 可以與任何 WordPress 主題一起使用嗎？
當然！ MetForm 與您選擇的任何主題相容。 我們已經用所有流行的主題測試了我們的插件，以確保無縫整合。
我可以在客戶的網站上使用 MetForm 嗎？
是的你可以！ MetForm 的所有定價選項都允許在您客戶的網站上使用。 它為您提供了提供表單建立解決方案的靈活性。
正在尋找有關如何在 WordPress 中新增多步驟表單的步驟？ 那麼，請查看新增多步驟表單的這 5 個簡單步驟。
關於 MetForm 的最終想法
在 WordPress 表單中擁有自動填入欄位可以在表單建立過程中節省您的時間和精力，而無需編碼技能。 將 MetForm 整合到您的 WP Forms 動態欄位填充中，以獲得使用者友好的表單填寫體驗。 此外，購買 MetForm Pro 讓您獲得優化表單建置的寶貴工具。
MetForm 為您的網站提供有價值的解決方案。 憑藉其直覺的介面和廣泛的可自訂表單元素，它允許您快速輕鬆地建立各種類型的表單。 其拖放功能和預先設計的範本可讓您建立和部署具有專業外觀的表單。
利用這個機會簡化您的表單並取悅您的用戶。 要充分利用您的 WordPress 表單，請立即升級到 MetForm Pro！