使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

今天,我們將討論 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)之一。

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

您應(yīng)該熟悉這三個(gè)選項(xiàng) – 我們剛剛在上一節(jié)中討論過它們。繼續(xù)并點(diǎn)擊創(chuàng)建空白表單從頭開始創(chuàng)建表單,這將向您顯示以下界面。

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

如您所見,表單生成器界面非常直觀。您可以從右側(cè)邊欄的列表中向表單添加任意數(shù)量的字段。

首先,讓我們輸入表單的名稱。在在此處輸入標(biāo)題字段中輸入聯(lián)系我們

在我們的示例中,我們將為以下數(shù)據(jù)添加字段:

  • 姓名
  • 電子郵件
  • 電話
  • 主題
  • 消息
  • 驗(yàn)證碼

文本字段從右側(cè)邊欄的字段列表中拖放到標(biāo)題為添加字段此處的內(nèi)容區(qū)域。它將在您的表單中添加一個(gè)新字段。

添加任何字段后,您需要配置該字段的某些設(shè)置。由于我們剛剛添加了一個(gè)新的文本字段,讓我們看看如何配置它,使其成為名稱字段。

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

如您所見,字段設(shè)置部分允許我們配置字段,例如是否為必填字段、標(biāo)簽位置或字段大小。繼續(xù)配置名稱字段。

接下來,使用相同的拖放界面添加電子郵件電話主題字段。到目前為止,我們添加的字段都是文本字段。

接下來,添加將充當(dāng)表單中的消息字段的段落字段。這將是段落類型。

最后,添加一個(gè) reCAPTCHA 字段以防止垃圾郵件。要啟用reCAPTCHA垃圾郵件防護(hù),您需要在強(qiáng)大的>全局設(shè)置> reCAPTCHA部分下配置站點(diǎn)密鑰秘密密鑰,如下所示以下截圖。

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

添加所有字段后,表單應(yīng)如以下屏幕截圖所示:

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

當(dāng)然,這只是后端預(yù)覽。您需要使用短代碼在前端顯示表單。您可以從表單列表頁面復(fù)制表單的短代碼。

獲取您剛剛創(chuàng)建的表單的簡(jiǎn)碼。您可以在帖子或側(cè)邊欄中使用此短代碼 – 無論您想在何處顯示此表單。

它看起來像這樣:

使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

繼續(xù)提交表單進(jìn)行測(cè)試。您可以在強(qiáng)大的>參賽作品部分驗(yàn)證提交的參賽作品。

使用免費(fèi)插件在WordPress中創(chuàng)建聯(liá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è)新的水平。

  • 使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單 阿什拉夫·哈蒂貝拉加爾地址> WordPress
  • 使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單 諾娜·布萊克曼地址> WordPress
  • 使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單

    選擇表單生成器:比較 7 個(gè)最佳 WordPress 表單生成器

    如果您擁有 WordPress 網(wǎng)站,在某些時(shí)候您將需要一個(gè) Web 表單。到那時(shí),WordPress 表單構(gòu)建器插件將是您最好的選擇……

    使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單使用免費(fèi)插件在WordPress中創(chuàng)建聯(lián)系表單 諾娜·布萊克曼地址> WordPress

結(jié)論

今天,我們討論了如何使用 WordPress 中的 Formidable Forms 插件創(chuàng)建聯(lián)系表單。我們還深入概述了這個(gè)插件并討論了它的不同方面。

請(qǐng)隨時(shí)使用下面的提要分享您的想法和反饋!如果您想分享您在網(wǎng)站上使用的其他聯(lián)系表單插件的經(jīng)驗(yàn),我很樂意聽取您的意見。

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊7 分享