天天看點

如何使用FormCraft插件在WordPress中建構驚人的表單

在本文中,我們将回顧FormCraft WordPress插件,該插件可讓您通過拖放建立驚人的表單。 它是目前市場上最流行,最有用的表單生成器之一。

表單是網站最重要的部分之一,它們使您可以從通路者那裡收集各種類型的資訊。 無論是簡單的聯系方式,還是來自完善的調查表的回報,擁有一個可輕松建構它的插件總是很友善的。 作為WordPress網站建設者,您希望有一個插件,該插件可讓您即時建立專業表單并在不同端點收集表單送出。

在這篇文章中,我們将讨論FormCraft WordPress插件,可以從CodeCanyon購買,考慮到它提供的功能數量,可以以非常合理的價格購買。 它是功能最強大的拖放式表單生成器之一,它具有數十種功能和幾個内置模闆。 對于正在尋找專業表單建構器腳本的站點建構器,此工具或類似工具是必備工具。

讓我們看一下該插件帶來的功能:

  • 拖放式表單生成器
  • 支援多個模闆
  • 反應靈敏且可擴充
  • 顯示/隐藏字段的條件邏輯
  • 表單視圖和送出分析
  • 内置的GDPR支援
  • 多站點支援和附加附件
  • 和更多

FormCraft WordPress插件提供了許多友善的有用功能,使您可以輕松地在WordPress網站上建立外觀豐富的表單。

我們将建設的調查表

在本文中,我們将建構一個調查表,使您可以從使用者那裡收集不同類型的資訊。 主要是,我們會向使用者詢問有關其線上購物選擇和習慣以及基本個人資訊的幾個問題。

為了實作這一目标,我們将建立一個表格,詢問有關其個人資訊的兩個基本問題,我們還将詢問調查中的特定問題。

整體形式如下所示:

如何使用FormCraft插件在WordPress中建構驚人的表單

這就是本教程的議程。 在下一節中,我們将看到如何下載下傳和安裝此插件。

安裝和購買代碼注冊

從本節中,我們将了解從CodeCanyon購買并下載下傳FormCraft WordPress插件後如何安裝和配置它。 在本篇文章中,我使用了WordPress 5.2.3,而FormCraft WordPress插件版本為3。如果您想跟着這篇文章,我建議您安裝它。

購買此插件後,您将可以下載下傳zip檔案。 這是WordPress插件檔案本身,您可以使用它從WordPress管理者端安裝此插件。 繼續并遵循标準的WordPress插件安裝過程,您差不多完成了。

接下來,我們需要注冊插件的購買代碼。 首先,您需要從CodeCanyon下載下傳部分中檢索購買代碼。 單擊下載下傳>許可證證書連結,這将為您提供一個文本檔案,其中應包含商品購買代碼。

獲得購買代碼後,單擊管理者左側邊欄中的FormCraft ,這将顯示插件儀表闆頁面。 在此頁面上,單擊“ 單擊此處注冊您的FormCraft副本”連結,然後輸入并注冊您的代碼。 這樣,您就可以釋放FormCraft的全部功能。

現在,我們準備深入探讨插件探索。 在下一部分中,我們将介紹該插件提供的不同配置部分。

快速浏覽FormCraft配置部分

在本節中,我們将簡要讨論此插件提供的後端配置部分。 安裝FormCraft插件後,它将在左側邊欄中添加一個連結。 讓我們簡要地浏覽每個部分。

形式

這是一個表單清單頁面,其中列出了到目前為止建立的所有表單。 您還可以通過單擊“ 建立表單”連結來建立新表單 。

除此之外,您還可以看到“ 表單分析”部分,其中顯示了有關表單各個方面的統計資訊。

參賽作品

這是一個條目清單頁面,其中列出了所有表單中的所有表單送出條目。 您可以使用搜尋界面過濾特定記錄,還有“ 導出”按鈕,您可以導出條目。

還有Entry View ,它向您顯示表單送出條目的詳細資訊視圖。

見解

Form Insights是FormCraft 3.3中新增的一項功能,它将FormCraft轉變為功能強大的調查和輪詢工具。 FormCraft可以分析某些字段以産生洞察力,例如下拉清單,評級,複選框,日期,滑塊等。

上載

此頁面列出了通過不同形式上傳的所有檔案。

執照

最後,此部分顯示您的許可證資訊。 它還顯示剩餘的續訂日期。

是以,簡要介紹了此插件提供的功能。 在下一節中,我們将建構一個調查表,就像我們之前讨論的那樣。

如何建立調查表

在本部分中,我們将建構一個調查表,該表使我們能夠收集使用者有關其線上購物體驗的回報。

轉至管理端并通路“ FormCraft”>“表單”部分。 單擊“ 建立表單”按鈕以建立一個新表單。 如下面的螢幕快照所示,這應該給您幾個選擇。

如何使用FormCraft插件在WordPress中建構驚人的表單

如您所見,在建構新表單時,您可以從現有模闆中進行選擇,甚至可以複制現有表單。 但是,在本例中,當我們從頭開始建構表單時,将使用“ 空白”選項。 單擊Blank選項,這将為您提供一個漂亮的表單建構UI,如以下螢幕截圖所示。

如何使用FormCraft插件在WordPress中建構驚人的表單

有兩個主要的導航部分: 一個允許您配置表單的全局設定,另一個允許您向表單添加字段。 在設定表單時,我們将探索不同的部分。

首先,讓我們在表單中添加标題。 單擊添加字段>标題 。 那應該在表單上添加一個标題字段,當您單擊字段框時,它允許您對其進行配置,如以下螢幕截圖所示。 在标題字段标簽中輸入“ 電子商務調查 ”。 另外,您可以根據需要調整其他特定于字段的設定!

如何使用FormCraft插件在WordPress中建構驚人的表單

接下來,我們将在表單中添加一個文本字段。 單擊“ 添加字段”>“單行輸入” ,它将添加一個文本字段,如以下螢幕截圖所示。

如何使用FormCraft插件在WordPress中建構驚人的表單

我将其設定為必填字段,因為我們需要使用者的支援。 同樣,繼續并添加“ 電子郵件”和“ 無手機”文本字段。 接下來,我們将通過單擊添加字段>下拉連結為行業選擇添加一個下拉字段。 您可以如下所示進行配置。

如何使用FormCraft插件在WordPress中建構驚人的表單

同樣,我添加了另一個下拉菜單,詢問使用者其線上購物頻率。 我添加了“ 非常頻繁” ,“ 頻繁” ,“ 偶爾”和“ 很少”作為選項。

接下來,我通過單擊添加字段>複選框連結添加了複選框字段。 就我而言,我詢問的是使用者主要購買的類别,選項包括“ 衣服” ,“ 電子産品” ,“ 鞋類” ,“ 書籍和家具” 。

更進一步,我通過單擊添加字段>下拉連結添加了兩個無線電字段。 重要的是要注意,我們也選擇了下拉菜單選項來添加單選按鈕。 當您要渲染單選按鈕而不是複選框時,隻需取消選中字段配置中的“ 允許多個選擇”選項。

如何使用FormCraft插件在WordPress中建構驚人的表單

最後,我們通過使用下拉框詢問他們的裝置偏好。 我們還提供了textarea字段,以防他們想要描述他們的整體體驗。 将所有零碎的部分放在一起,如果單擊“ 預覽”按鈕,則它應如下圖所示。

如何使用FormCraft插件在WordPress中建構驚人的表單

通過單擊頂部導航中的“ 儲存”按鈕,確定儲存表單設定。

現在,我們已經建構了表單,可以開始釋出該表單并從前端收集使用者輸入。 盡管我們可以從後端看到使用者送出的内容,但是當有新的使用者送出内容時,最好收到一封電子郵件。 您可以在“ 設定”>“電子郵件”>“電子郵件通知”部分中配置要擷取電子郵件的電子郵件位址。

如何使用FormCraft插件在WordPress中建構驚人的表單

現在一切就緒,我們可以釋出表格了。 像往常一樣,您隻需要擷取表單的簡碼,就可以将其放置在要顯示表單的位置。 您可以從設定>嵌入部分擷取表單的嵌入代碼。

如何使用FormCraft插件在WordPress中建構驚人的表單

複制它并将其放在頁面或文章中以顯示您的表單。 您可以在FormCraft>條目中檢查表單送出。

如何使用FormCraft插件在WordPress中建構驚人的表單

其他可能的用例

盡管我們已經建構了一個簡單的調查表,但是FormCraft插件還能夠使用其提供的配置選項來建立進階複雜表。 您可以建立任何内容,從簡單的聯系表單到複雜的,基于條件的動态表單,例如:

  • 通訊形式
  • 回報表
  • 預約表格
  • 投訴表格
  • 報價單

是以,它允許您建立各種類型的表單!

結論

今天,我們回顧了FormCraft WordPress插件可在CodeCanyon 。 這是一個表單生成器插件,允許您使用拖放界面建立不同類型的表單。 盡管它是一個商業插件,但考慮到它提供的衆多功能,我認為它的價格合理。

如果您有任何建議或意見,請随時使用下面的提要,我們很樂意與您進行對話!

翻譯自: https://code.tutsplus.com/tutorials/how-to-create-amazing-forms-in-wordpress-with-the-formcraft-plugin--cms-34007