Forminator 插件簡介(及其工作原理)

已發表: 2018-10-13

對於網站,表單是您可以使用的最通用的元素之一。 表單使用戶能夠與您聯繫、進行測驗並輸入您可以想像的各種數據。 使用 WordPress,您有很多選項可以幫助您添加表單,但這並不意味著新工具沒有任何改進空間。

在本文中,我們將看看新的表單創建插件 Forminator。 這是來自 WPMU DEV 的免費一體化工具,可讓您構建幾乎任何類型的基於表單的元素。 我們將仔細研究正在運行的插件,並討論您是否應該試一試。

讓我們談談表格!

是什麼讓表單對您的網站至關重要

純文本聯繫表。

當您需要向網站或應用程序輸入數據時,您通常會通過表單進行操作。 這些有多種形狀和大小,包括幾種不同類型的“字段”。

一個典型的例子是標準的聯繫表單,它通常僅由文本字段組成。 但是,您還可以包含下拉菜單、單選按鈕字段和更多選項。

幾乎每個網站都以某種方式使用表單,這就是使它們成為必不可少的元素的原因。 因此,擁有一個工具可以讓您創建多種類型的表單和自定義選項,這一點很重要。

使用 WordPress,您已經擁有大量插件,可讓您創建各種類型的表單。 讓我們來看看該領域的新競爭者。

Forminator 插件簡介

Forminator 插件。

Forminator 插件是 WPMU DEV 的最新工具。 您可能知道他們是其他幾個流行插件背後的團隊,例如 Hummingbird、WP Smush 和 Custom Sidebars。

將這個特殊形式的插件放在一邊的是它的拋光水平,這是 WPMU DEV 版本的標準。 Forminator 提供了一個拖放式編輯器,您可以使用它來創建許多不同類型的表單,包括聯繫表單、投票,甚至測驗。

最重要的是,該插件與多個第三方服務集成,例如 Google Sheets、Zapier、Trello、MailChimp 和 AWeber。 在實踐中,這意味著您可以使用 Forminator 收集數據、電子郵件以及您能想像到的幾乎任何其他類型的信息。

最後,值得一提的是 Forminator 一開始就全力支持 Gutenberg 編輯器。 這意味著如果您已經在使用新的編輯器,則可以訪問 Forminator 塊。 否則,您可以使用短代碼在網站的任何位置添加表單。

正在運行的 Forminator 插件

現在讓我們來看看 Forminator 插件必須提供什麼。 如果您想繼續學習,該插件可以免費下載,因此您可以立即將其安裝在您自己的網站上。

激活插件後,儀表板上會彈出一個新的Forminator選項卡。 如果單擊它,您將看到現有表單的概覽。 您還將看到他們的條目、受歡迎程度和轉化率的細分:

您的 Forminator 儀表板。

最後一個指標特別重要,因為您可以使用它來跟踪表單的執行情況。 雖然該插件不包含內置的 A/B 測試功能,但這些數據仍然可以用來比較它們的轉換率,而不會很麻煩。

繼續,使用 Forminator 插件添加新表單很簡單。 您所要做的就是導航到Forms並單擊其中的Create按鈕。 您還可以單擊導入,這讓您可以從其他站點導入表單:

創建或導入新表單。

單擊Create 後,您將看到一個構建器,您可以在其中構建表單。 在右側,您將看到一個列表,其中包含您可以添加的所有字段:

組合一個新的形式。

要添加字段,您只需將其拖到編輯器的左側:

向您的聯繫表單添加一個新字段。

如果您單擊已添加的任何字段,您將可以訪問多個配置選項。 例如,電子郵件地址字段包括必填設置。 這意味著用戶將無法在不輸入有效電子郵件地址的情況下提交表單:

配置一個字段,以便用戶必須填寫它。

如果您單擊高級設置選項卡,您將能夠向相關字段添加自定義 CSS 類。 值得注意的是,該插件使您能夠為您的字段設置條件邏輯,從而打開了一個充滿樂趣的世界:

為您的表單啟用條件邏輯。

表單準備好後,您可以使用編輯器屏幕頂部的按鈕進行預覽:

預覽您的聯繫表格。

默認情況下,您使用 Forminator 創建的表單具有完美的現代設計。 您還可以通過單擊編輯器底部的“表單設置”按鈕來調整它們的外觀。 在這裡,您可以選擇多個主題。 您還可以修改字段的排版,甚至添加自定義 CSS:

自定義表單的設計。

換句話說,您幾乎可以調整表單樣式的每個方面。 這確保您可以使用 Forminator 插件來創建幾乎可以匹配任何主題的表單。

除了聯繫表格外,該插件還允許您創建測驗和民意調查。 創建新民意調查是設置問題並為其添加潛在答案的簡單問題:

將問題添加到您的投票中。

創建測驗時,您還可以選擇它的類型,從No Wrong AnswerKnowledge 中進行選擇。 後者是指測試用戶提供正確答案的測驗,而前者涉及沒有正確答案的問題,例如調查:

選擇要創建的測驗類型。

對於我們的測試,我們選擇了No Wrong Answer 。 此時,您可以設置測驗名稱、添加特色圖片並提供說明:

配置您的新測驗。

配置基礎知識後,您可以為測驗創建多個結果。 然後,您可以設計將引導您解決這些問題的問題。 總體而言,儘管有很多選擇,但創建新測驗非常有趣且容易。

最後,讓我們談談將表單、投票和測驗實際添加到網站的過程。 為此,該插件使用簡碼,您可以在相應的FormsPollsQuizzes選項卡中查看這些簡碼:

查找將表單插入頁面所需的短代碼。

要將其中任何一個添加到您的頁面,只需複制相應的短代碼並將其粘貼到編輯器中即可。 作為 Divi 用戶,您可以使用Code模塊添加這些短代碼,並且它們可以正常工作。 如果您使用的是 Gutenberg 編輯器,添加表單會更容易,因為您可以使用包含的 Forminator 塊。

誰應該考慮使用 Forminator 插件

WordPress 不乏與表單相關的插件。 例如,如果您想設置聯繫表格,您可以使用聯繫表格 7、Caldera 表格等等。 如果您正在尋找插件來幫助您創建測驗或民意調查,您可以改為嘗試測驗和調查大師或響應式民意調查。

這些只是我們頭腦中的幾個例子,但很少有插件提供與 Forminator 相同的多功能性。 使用此插件,您可以為任何涉及表單的元素提供一站式解決方案。 另外,它是 100% 免費的,這總是個好消息。 這使得 Forminator 成為一個可靠的選擇,特別是如果您打算設計比標準聯繫表格更複雜的東西。

結論

Forminator 是一個新的表單構建器插件,可為您提供創建聯繫表單、測驗投票所需的所有功能。 它在創建和自定義表單時提供了大量的多功能性,這使其成為滿足您的表單構建需求的可靠選擇。

您是否希望看到更多表單插件包含的特定功能? 讓我們在下面的評論部分中討論它!

文章縮略圖由 Jane Kelly/shutterstock.com 提供