今天,我們將討論 wordpress 的 formidable forms 插件,它可以讓您輕松創(chuàng)建不同類型的表單。具體來說,我們將了解如何使用此插件為您的網(wǎng)站構(gòu)建聯(lián)系表單。我們將首先探索此插件提供的基本設(shè)置,然后,我們將通過一個(gè)實(shí)際示例來使用此插件構(gòu)建聯(lián)系表單。
作為網(wǎng)站所有者,您可能希望獲得用戶和客戶對(duì)您的服務(wù)的反饋,這有助于您更好地為他們服務(wù)。因此,網(wǎng)站上的聯(lián)系表單是收集用戶反饋的必備功能之一。
如果您是一名 WordPress 開發(fā)人員或者您的愛好是使用 WordPress 構(gòu)建網(wǎng)站,您已經(jīng)知道 WordPress 為您能想到的幾乎所有功能提供了大量插件,并且可能很難選擇哪一個(gè)使用。在這篇文章中,我選擇了該類別中最好的形式之一:強(qiáng)大的表單,我將在本教程的整個(gè)過程中向您展示如何使用它。
在這篇文章中,我使用了 WordPress 5.1,F(xiàn)ormidable Forms 插件版本為 3.06。如果您想按照這篇文章進(jìn)行操作,我建議您安裝它。要安裝 Formidable Forms 插件,您只需遵循標(biāo)準(zhǔn)安裝流程即可。
在接下來的幾節(jié)中,我們將探討 Formidable Forms 插件的基礎(chǔ)知識(shí)以及設(shè)置過程。然后,我們將構(gòu)建一個(gè)真實(shí)的示例來演示該插件的使用。同時(shí),我們還將介紹該插件的幾個(gè)重要方面,它允許您創(chuàng)建可以收集數(shù)據(jù)的不同類型的表單,而不僅僅是聯(lián)系表單。
什么是強(qiáng)大的形式?
Formidable Forms 插件是一個(gè)功能強(qiáng)大的表單構(gòu)建器插件,它允許您創(chuàng)建不同類型的表單來收集用戶信息。它在后端提供了一個(gè)拖放界面,使整個(gè)過程變得輕而易舉。事實(shí)上,您可以使用此插件創(chuàng)建您能想到的任何類型的表單,而不僅僅是聯(lián)系表單。
讓我們快速瀏覽一下它提供的功能:
- 拖放式聯(lián)系表單制作器和表單構(gòu)建器
- 支持電子郵件通知和自動(dòng)回復(fù)
- 使用內(nèi)置樣式器自定義聯(lián)系表單的外觀和風(fēng)格
- 與 MailChimp、Constant Contact、Salesforce 等集成
- 適合移動(dòng)設(shè)備且響應(yīng)迅速
- 垃圾郵件防護(hù)
- 還有更多
正如您所看到的,該插件提供了許多令人興奮的功能,您可以使用它們?cè)谀木W(wǎng)站上構(gòu)建出色的表單。而且它也是可擴(kuò)展的,這是一個(gè)重要的功能,因?yàn)樗鼮殚_發(fā)人員提供了改變插件的某些方面和核心行為的機(jī)會(huì)。
在下一節(jié)中,我們將討論該插件的幾個(gè)核心元素,如果您想有效地使用該插件,理解這些元素非常重要。
探索設(shè)置
安裝 Formidable Forms 插件后,它將在左側(cè)邊欄中添加一個(gè)鏈接。讓我們簡(jiǎn)要瀏覽一下每個(gè)部分。
表格
在此部分中,您可以創(chuàng)建新表單、編輯現(xiàn)有表單以及查看已創(chuàng)建表單的列表。
它提供了三種不同的方式來創(chuàng)建新表單。您可以使用拖放界面從頭開始構(gòu)建表單。或者您可以從內(nèi)置表單模板中進(jìn)行選擇來開始創(chuàng)建新表單。最后,您還可以從 xml 文件導(dǎo)入表單。無論如何,您最終都會(huì)創(chuàng)建一個(gè)表單,該表單將使用短代碼顯示在前端。
條目
這是一個(gè)條目列表頁面,列出了前端提交的所有記錄。有一個(gè)過濾器允許您按表單類型過濾記錄。除了列表之外,您還可以在表單詳細(xì)視圖中詳細(xì)查看條目。最后,還有一個(gè)刪除選項(xiàng),如果您希望清除舊記錄,可以使用該選項(xiàng)。
樣式
在本部分中,您可以管理不同的表單樣式,這些樣式可用于在前端顯示表單時(shí)設(shè)置表單樣式。
表單樣式允許您配置和自定義表單的不同元素(例如表單標(biāo)題、字段標(biāo)簽或按鈕)的顯示方式。已有一種可用的默認(rèn)樣式,您可以根據(jù)自己的要求使用和自定義。另外,如果您不想使用任何表單樣式,您可以禁用樣式并使用自定義 css。
導(dǎo)入/導(dǎo)出
此部分允許您導(dǎo)入和導(dǎo)出由此插件創(chuàng)建的表單。如果您想在不同的 WordPress 安裝之間移動(dòng)表單,這是一個(gè)非常有用的功能。
例如,如果您在本地設(shè)置中創(chuàng)建了幾個(gè)表單,并且想要將這些表單移至實(shí)時(shí)站點(diǎn),您會(huì)在實(shí)時(shí)站點(diǎn)上再次創(chuàng)建它嗎?事實(shí)上,您可以僅以 XML 或 CSV 格式導(dǎo)出這些表單,然后使用此功能將它們導(dǎo)入到實(shí)時(shí)安裝中。我想說這是一個(gè)必備功能!
全局設(shè)置
在此部分中,您可以配置全局適用于所有表單的設(shè)置。您可以配置此插件的不同方面,例如:
- 用戶權(quán)限
- reCAPTCHA 設(shè)置
- 默認(rèn)前端消息
- IP 存儲(chǔ)
在下一節(jié)中,我們將構(gòu)建一個(gè)實(shí)際示例作為演示。
使用強(qiáng)大的表單構(gòu)建聯(lián)系表單
在本部分中,我們將構(gòu)建一個(gè)真實(shí)示例來演示如何使用 Formidable Forms 插件在您的網(wǎng)站上創(chuàng)建聯(lián)系表單。
在我們繼續(xù)之前,如果您想繼續(xù)操作,請(qǐng)確保您已在 WordPress 網(wǎng)站中安裝了 Formidable Forms 插件。
您可以使用此插件附帶的內(nèi)置聯(lián)系表單,但我們將從頭開始創(chuàng)建一個(gè)新表單來了解整個(gè)過程。繼續(xù)訪問后端左側(cè)邊欄中的強(qiáng)大的> Forms鏈接。這應(yīng)該列出系統(tǒng)中所有現(xiàn)有的表單。單擊添加新按鈕創(chuàng)建一個(gè)新表單,系統(tǒng)會(huì)要求您選擇以下三個(gè)選項(xiàng)之一。
您應(yīng)該熟悉這三個(gè)選項(xiàng) – 我們剛剛在上一節(jié)中討論過它們。繼續(xù)并點(diǎn)擊創(chuàng)建空白表單從頭開始創(chuàng)建表單,這將向您顯示以下界面。
如您所見,表單生成器界面非常直觀。您可以從右側(cè)邊欄的列表中向表單添加任意數(shù)量的字段。
首先,讓我們輸入表單的名稱。在在此處輸入標(biāo)題字段中輸入聯(lián)系我們。
在我們的示例中,我們將為以下數(shù)據(jù)添加字段:
- 姓名
- 電子郵件
- 電話
- 主題
- 消息
- 驗(yàn)證碼
將文本字段從右側(cè)邊欄的字段列表中拖放到標(biāo)題為添加字段此處的內(nèi)容區(qū)域。它將在您的表單中添加一個(gè)新字段。
添加任何字段后,您需要配置該字段的某些設(shè)置。由于我們剛剛添加了一個(gè)新的文本字段,讓我們看看如何配置它,使其成為名稱字段。
如您所見,字段設(shè)置部分允許我們配置字段,例如是否為必填字段、標(biāo)簽位置或字段大小。繼續(xù)配置名稱字段。
接下來,使用相同的拖放界面添加電子郵件、電話和主題字段。到目前為止,我們添加的字段都是文本字段。
接下來,添加將充當(dāng)表單中的消息字段的段落字段。這將是段落類型。
最后,添加一個(gè) reCAPTCHA 字段以防止垃圾郵件。要啟用reCAPTCHA垃圾郵件防護(hù),您需要在強(qiáng)大的>全局設(shè)置> reCAPTCHA部分下配置站點(diǎn)密鑰和秘密密鑰,如下所示以下截圖。
添加所有字段后,表單應(yīng)如以下屏幕截圖所示:
當(dāng)然,這只是后端預(yù)覽。您需要使用短代碼在前端顯示表單。您可以從表單列表頁面復(fù)制表單的短代碼。
獲取您剛剛創(chuàng)建的表單的簡(jiǎn)碼。您可以在帖子或側(cè)邊欄中使用此短代碼 – 無論您想在何處顯示此表單。
它看起來像這樣:
繼續(xù)提交表單進(jìn)行測(cè)試。您可以在強(qiáng)大的>參賽作品部分驗(yàn)證提交的參賽作品。
這樣就可以創(chuàng)建一個(gè)表單,添加字段,最后在前端顯示:使用短代碼。事實(shí)上,您可以做更多的事情,因?yàn)?Formidable Forms 提供了更多的功能。我鼓勵(lì)您探索此插件提供的其他設(shè)置 – 這應(yīng)該很有趣!
高級(jí)表單插件
正如我上面所展示的,F(xiàn)ormidable Forms 是一個(gè)用于構(gòu)建 WordPress 表單的優(yōu)秀免費(fèi)軟件包。如果您的網(wǎng)站需要更多高級(jí)功能,請(qǐng)查看 CodeCanyon 提供的一些專業(yè)級(jí)表單生成器。只需花費(fèi)很少的成本,這些插件就可以為您節(jié)省大量工作,并將您的 WordPress 網(wǎng)站提升到一個(gè)新的水平。
-
阿什拉夫·哈蒂貝拉加爾地址> WordPress
-
諾娜·布萊克曼地址> WordPress
-
選擇表單生成器:比較 7 個(gè)最佳 WordPress 表單生成器
如果您擁有 WordPress 網(wǎng)站,在某些時(shí)候您將需要一個(gè) Web 表單。到那時(shí),WordPress 表單構(gòu)建器插件將是您最好的選擇……
結(jié)論
今天,我們討論了如何使用 WordPress 中的 Formidable Forms 插件創(chuàng)建聯(lián)系表單。我們還深入概述了這個(gè)插件并討論了它的不同方面。
請(qǐng)隨時(shí)使用下面的提要分享您的想法和反饋!如果您想分享您在網(wǎng)站上使用的其他聯(lián)系表單插件的經(jīng)驗(yàn),我很樂意聽取您的意見。