如何向 WordPress 表單添加“保存並稍後繼續”選項

已發表: 2022-03-03
how to save wordpress form progress

想要一種簡單的方法讓您的用戶在 WordPress 中保存他們的表單進度嗎?

使用保存和恢復表單功能,您可以添加選項以保存部分填寫的表單並讓用戶稍後完成提交。 這有助於降低您的表單放棄率,因為用戶可以隨時返回並提交表單。

在本文中,我們將向您展示如何讓您的用戶通過幾個步驟保存 WordPress 表單進度。

但首先,讓我們了解讓用戶保存和恢復表單提交的好處。

為什麼要保存 WordPress 表單進度?

如果您的表單很長,那麼您將希望允許您的用戶選擇保存他們的進度。 複雜的表格通常需要較長時間才能填寫。 有時,用戶目前可能沒有所有信息,尤其是當他們必須提交重要文件和個人數據時。

他們可能開始填寫表格,後來意識到他們需要提交他們手頭沒有的身份證明。

在許多情況下,用戶面臨設備關閉和互聯網連接不佳等技術問題。 這也是您在網站上收到部分填寫的表單提交的原因之一。

但是,您不能完全避免較長的表格。

所以保存和恢復選項非常適合需要的表單

  • 機密數據:此人可能需要時間檢查他們是否可以與您分享。
  • 財務信息:他們可能需要從銀行、律師或雇主處獲取此信息。
  • 文件上傳:這包括照片、身份證明、銀行對賬單、納稅申報表和工資單。
  • 調查信息:如果您的問卷太長,他們可能想稍後再回來完成。

如果您在這些表單上添加保存和恢復選項,用戶可以保存他們已經取得的進度並在以後繼續提交表單。 這減輕了用戶一次性完成冗長表格的壓力。

同時,它可以避免網站所有者錯過有價值的提交,並提高他們的表單完成率。 他們甚至可以利用部分錶單提交與用戶取得聯繫並產生更多潛在客戶。

話雖如此,讓我們看看如何讓用戶保存 WordPress 表單進度並在將來恢復它。

保存 WordPress 表單進度的最簡單方法

要在表單上添加保存和恢復功能,您需要一個提供此功能的優秀表單構建器插件。 我們建議使用 WPForms。

wpforms

WPForms 是 WordPress 網站的最佳表單構建器插件。 它允許您創建所有類型的表格,例如聯繫表格、付款表格、申請表格、訂單表格等。

借助其拖放表單構建器,任何人都可以在幾分鐘內創建和自定義專業的 WordPress 表單。 它還附帶 300 多個預構建的表單模板,因此您無需從頭開始。

最好的事情是它為您提供了使用其Save and Resume插件保存 WordPress 表單進度的選項。 這會在您的表單上添加一個保存和恢復鏈接。 通過單擊此按鈕,用戶可以保存表單進度並稍後繼續。

它為他們提供了一個延續鏈接,他們可以使用該鏈接隨時訪問部分填寫的表格。 因此,如果您有一個包含很多字段的冗長表單,那麼這就是您的完美解決方案。

除此之外,WPForms 還提供了許多強大的功能。 他們之中有一些是:

  • 易於使用和設置
  • 高級表單通知和確認
  • 文件上傳和內容提交
  • 垃圾郵件保護服務,例如 Google reCAPTCHA
  • 支持用於 3rd 方集成的 webhook
  • 內置條目管理系統
  • 與 Constant Contact、Drip 等進行電子郵件營銷集成,以發送後續電子郵件
  • 電子商務和支付選項的表單字段

現在您知道要使用哪個表單生成器,讓我們學習如何在 WordPress 表單上添加保存和恢復功能。

第 1 步:安裝 WPForms 插件

首先,您需要註冊一個 WPForms 帳戶。 WordPress 存儲庫中還有一個免費版本。

但是,您需要升級到專業計劃才能訪問 Save and Resume 插件和其他功能。

註冊後,您可以訪問您的 WPForms 帳戶儀表板。 在“下載”選項卡中,您會找到插件下載文件以及許可證密鑰。

WPForms license key

您需要下載插件文件並將其安裝在您的 WordPress 網站上。 如果您需要這方面的幫助,請參閱我們關於如何安裝 WordPress 插件的指南。

安裝並激活 WPForms 插件後,在 WordPress 管理儀表板上打開WPForms » 設置。 要激活專業版功能,您需要在此處輸入您的許可證密鑰。

WPForms license page

然後,單擊“驗證密鑰”按鈕,您將看到驗證成功消息。

現在,您需要在 WordPress 網站上設置 Save and Resume 插件。

第 2 步:安裝 Save and Resume 插件

WPForms 允許您直接從管理儀表板安裝插件插件。

因此,導航到WPForms » 設置選項卡,如果向下滾動,您會找到保存和恢復插件。 然後,單擊安裝插件按鈕並激活它。

install-save-and-resume-addon

安裝並激活插件後,您可以輕鬆地讓您的用戶保存 WordPress 表單進度並在以後繼續提交。

現在,您已準備好創建表單並使用 WPForms 添加保存和恢復功能。

第 3 步:創建一個新的 WordPress 表單

要創建新表單,請轉到管理面板上的WPForms » 添加新選項卡。 在下一個窗口中,您將看到表單模板庫。

在這裡,您可以找到各種用途的表單模板,例如註冊表、捐贈表、訂單等。 對於本教程,我們將選擇簡單就業申請表模板,但您可以隨意選擇更適合您目標的任何模板。

choose wordpress form template

為表單輸入合適的名稱後,您可以單擊“使用模板”按鈕。 這將啟動可視表單構建器。

drag and drop form builder wpforms

WPForms 提供了一個超級用戶友好的拖放構建器。 即使您是初學者,也無需任何編碼即可構建 WordPress 表單。

您可以簡單地將表單字段從左側面板拖放到表單預覽中,並根據需要重新排列順序。

要自定義現有的表單字段,只需單擊表單字段,您就會看到字段選項出現在左側面板中。

例如,我們將編輯文件上傳字段。 選擇此字段時,您將看到更改標籤、描述和選擇文件擴展名的選項。

edit form field

您還可以添加智能邏輯以根據用戶對先前問題的回答來顯示/隱藏此字段。

請記住,來自 WPForms 的模板已準備就緒,因此您只需在此處進行最少的更改。 表單模板已經包含所有必要的表單字段以收集正確的信息,例如個人詳細信息、地址和文件上傳。

完成創建 WordPress 表單後,保存您的進度。 接下來,您可以添加保存和恢復功能。

第 4 步:配置保存和恢復設置

要允許您的用戶保存他們的表單進度並在以後繼續,您需要設置 Save and Resume 選項。

為此,請轉到表單構建器左側菜單上的設置»保存和恢復選項卡。 然後,打開啟用保存和恢復選項。

enable save and resume settings

這將打開用於在 WordPress 表單上配置保存和恢復功能的所有設置。

現在,我們將向您展示如何一一設置每個選項。

自定義保存和恢復鏈接文本

您將看到的第一個選項是Link Text 。 這是將顯示在您的表單上的超鏈接文本。 因此,用戶將單擊鏈接而不是提交按鈕來保存他們的表單進度。

默認文本為“稍後保存並恢復”。 但是,您可以根據自己的喜好自定義文本。

save and resume link text

顯示免責聲明頁面

接下來,您可以選擇向您的用戶顯示免責聲明消息,通知他們將存儲他們的數據。 用戶可以選擇繼續或取消保存和恢復選項。

您可以啟用免責聲明頁面選項以向您的用戶顯示消息。 然後,您將看到一個帶有默認免責聲明消息的文本編輯器。 您可以編輯文本或保持原樣。

enable disclaimer page

自定義確認消息

在用戶選擇保存和恢復選項並批准免責聲明消息後,您可以向他們顯示確認消息。

與免責聲明文本一樣,您會看到確認頁面有一個預先編寫的文本。 如果需要,您可以自定義消息。

但是,您需要確保包含所有重要說明,以便用戶稍後繼續填寫表單。

confirmation page save wordpress form progress

WPForms Save and Resume插件允許您為用戶提供兩個選項來恢復他們的表單提交。 他們是:

  • 啟用恢復鏈接:添加一個保存和恢復鏈接,用戶可以復制並使用它稍後完成表單。
  • 啟用電子郵件通知:詢問用戶的電子郵件地址並在電子郵件通知中發送鏈接。 因此,用戶可以稍後簡單地打開電子郵件並單擊鏈接以隨時填寫表格。

您也可以同時啟用這兩個選項。

自定義保存和恢復電子郵件通知

如果您啟用電子郵件通知選項,您將在下方看到文本編輯器。

要在電子郵件通知中添加保存和恢復鏈接,您需要使用 {resume_link} 智能標籤。

email notification settings

最後,您將看到“顯示消息”選項。 這是通知用戶包含表單簡歷鏈接的電子郵件已發送的最終確認文本。

不要忘記單擊表單生成器上的“保存”按鈕,以免丟失設置。

第 5 步:與電子郵件營銷提供商聯繫

WPForms 可讓您將流行的營銷服務與您的 WordPress 表單無縫集成。 使用此功能,您可以向用戶發送自動電子郵件,提醒他們填寫不完整的表格。

您可以將選擇保存表單進度的用戶添加到您的電子郵件列表中。 這樣,您可以標記這些聯繫人並將它們添加到電子郵件營銷服務(如 Drip 或 Constant Contact)中的滴灌系列中。

要進行設置,請單擊表單構建器中的營銷選項卡,然後選擇您選擇的電子郵件營銷提供商。 然後,您可以按照屏幕上的說明將表單同步到您的電子郵件帳戶。

add marketing integration in wpforms

根據您使用的電子郵件服務,您可能需要輸入 API 密鑰來連接您的帳戶。 您可以在帳戶儀表板上找到密鑰。

您現在需要做的就是將表單添加到您的 WordPress 網站。

第 6 步:發布您的 WordPress 表單

WPForms 讓您只需單擊幾下即可輕鬆地將表單插入任何 WordPress 帖子、頁面和側邊欄。

如果您使用 WordPress 塊編輯器,您可以搜索WPForms塊並添加它。

wpforms block save wordpress form progress

之後,您將看到一個下拉菜單,您可以在其中選擇剛剛創建的表單。

choose save wordpress form progress

然後,您將在文本編輯器上看到表單預覽。 要在您的網站上插入表單,只需單擊右上角的“發布”按鈕。

publish form

如果您使用的是 WordPress 經典編輯器,您可以單擊“添加表單”按鈕並輕鬆選擇您的表單。

add-form-classic-editor

您還可以在頁腳或側邊欄等小部件就緒區域插入 WordPress 表單。 為此,轉到外觀»小部件選項卡並將 WPForms 小部件拖放到右側的側邊欄或頁腳菜單中。

接下來,您可以從下拉列表中選擇您的表單並保存您的更改。

add wpforms to sidebar

恭喜! 您已成功發布 WordPress 表單。 現在,讓我們檢查一下保存和恢復功能在您的網站上是如何工作的。

第 7 步:保存 WordPress 表單進度

在 WordPress 網站上添加表單後,您可以檢查保存並稍後恢復鏈接是否正常工作。

在前端,您會看到鏈接位於提交按鈕旁邊。

save and resume link frontend

當用戶單擊Save and Resume later鏈接時。 他們將在下一個窗口中看到免責聲明消息。

如果他們想保存 WordPress 表單進度,則可以單擊“繼續”按鈕。 如果沒有,他們可以單擊返回。

continue saving form progress

在他們單擊“繼續”按鈕後,他們將看到確認消息以及恢復鏈接選項。

如果您為表單添加了電子郵件通知選項,用戶將需要輸入他們的電子郵件地址並單擊“發送鏈接”按鈕。

send link

然後,您的用戶將在收件箱中收到包含簡歷鏈接的電子郵件通知。

此外,WPForms 允許您在管理儀表板上查看部分錶單條目。 導航到WPForms » 條目頁面,您將在此處看到所有 WordPress 表單的條目。

partial form entries

選擇具有保存和恢復功能的表單,您可以看到表單條目的狀態為Partial 。 當用戶稍後恢復並提交表單時,您會看到狀態更改為Completed

entries partial status

像這樣,WPForms 提供了許多其他強大的功能,例如支付選項、電子郵件營銷集成、表單通知等。

既然您知道如何使用 WPForms 構建器,您還可以為您的網站創建其他表單,例如

  • 審查表格
  • 查詢表格
  • 預訂表格
  • 調查和民意調查
  • 通訊註冊表格
  • 預訂表格
  • 還有更多

如果您想要頁面構建器來自定義您的網站和更多功能,您可以查看 SeedProd。 它是 WordPress 排名第一的網站構建器插件,可讓您創建令人驚嘆的主題、登錄頁面等。

就這樣! 我們希望本文能幫助您了解如何讓用戶在您的 WordPress 網站上保存表單進度。

接下來,您可以查看我們為您精心挑選的這些資源:

  • 如何在 Google Analytics 中設置 WordPress 表單跟踪
  • 如何設置正確的表單通知和確認
  • 適用於 WordPress 的最佳電子郵件捕獲工具和表單構建器

這些帖子將幫助您為 WordPress 表單添加更多功能,例如表單跟踪和電子郵件通知和確認。 最後一個將幫助您找到正確的工具來構建您的電子郵件列表。