如何使用AI創建WordPress表單

已發表: 2025-03-12
how to create a wordpress form using ai

構建WordPress形式可能令人沮喪且耗時。

您從一個簡單的想法開始,例如聯繫人或註冊表格。但是最終會粘貼數小時的調整字段,佈局和設置。

在ISITWP.com上,我們已經建立了您可以想像的各種形式。我們創建了反饋表,訂單表,註冊表格等等。

我們已經掙扎著所有常見的頭痛。即使使用WPFORMS或強大形式(例如“正確”)的拖放形式構建器,通常也需要比預期的更長。

這就是為什麼當我們第一次聽到WPFORMS AI形成構建器時,我們持懷疑態度但很好奇。

AI實際上可以節省我們的時間,還是會造成更多問題?

在自己嘗試之後,我們驚訝地發現AI形式建築是改變遊戲規則的人。

您只需使用提示來描述您的需求,而不是手動設置每個字段,而該表格是在幾秒鐘內構建的。沒有拖動,沒有猜測,沒有錯過的字段。

在本指南中,我們將準確向您展示如何使用AI逐步創建WordPress表單

無論您是初學者還是厭倦了浪費時間,您都會看到AI如何使構建形式更快,更輕鬆且仍然可以完全定制。

關鍵要點

  • WPForms AI形式構建器使創建形式更快,更容易。無需從頭開始或使用拖放構建器。
  • 您只需鍵入一個簡單的提示即可生成功能齊全的WordPress表單,而AI可以處理繁重的工作。
  • 當您安裝推薦的插件時,添加付款字段,有條件邏輯和調查等額外功能是無縫的。
  • AI創建表單後,您可以使用WPForms的拖放構建器對其進行微調,從而進行自定義 對初學者友好。

話雖如此,讓我們開始吧!

如何使用AI構建WordPress表單(一步一步)

現在您知道了為什麼AI形式的建築有意義,讓我們準確地瀏覽如何使用它。

如果您以前從未在WordPress中使用過AI,請不要擔心。這部分將向您展示每一步,沒有猜測沒有復雜的設置。到最後,您將有一個工作表格準備進入您的網站。

那麼,如何使用AI創建WordPress表單?查看以下步驟,以快速瀏覽一下您需要做的事情。另外,如果您單擊下面的任何鏈接,則會跳到教程的該部分。

  • 步驟1:安裝並設置WPFORMS
  • 步驟2:訪問WPForms AI形式構建器
  • 步驟3:用提示生成WordPress表單
  • 步驟4:自定義WPForms AI表單
  • 步驟5:使您的AI生成形式現場直播
  • WPForms中管理AI形式構建器的技巧
  • 常見問題

在我們的許多站點上使用WPForms AI構建器後,我們可以說這不僅僅是速度。這也是關於在沒有所有麻煩的情況下建立更聰明的形式。

因此,讓我們向您展示如何巧妙地構建網站形式。

步驟1:安裝並設置WPFORMS

wpforms homepage

在開始使用AI形式構建器之前,您需要在WordPress網站上安裝WPFORMS並激活。如果您以前安裝了插件,這會很熟悉。

但是,如果這是您的第一次,請放心,這非常簡單。這是有關如何安裝插件來幫助您的指南。

在ISITWP.com上,我們已經在許多站點上安裝了WPForms,這是我們學到的一件事:始終從正確的版本開始。

考慮到這一點,AI形式的構建器僅與WPForms Pro一起使用或更高版本,因此,如果您想使用AI,請確保您不在免費版本上。

您可以在WPForms定價頁面上查看完整的故障。

我們經驗的另一個提示是立即激活您的許可證密鑰。這有助於避免在嘗試使用AI形式構建器時,以後避免了那些令人討厭的“功能鎖定”消息。

訂閱計劃後,您將在“下載”部分中的WPForms帳戶中找到許可證密鑰

wpforms-pro-license

要使用“許可鍵”激活Pro版本,請轉到WordPress儀表板中的WPFORMS»設置

粘貼代碼後,只需點擊“驗證鍵”,就可以使用WPForms。

WPForms license page

另外,請留意插件衝突。

有時,其他表單插件或頁面構建器可能會引起問題。我們發現,在設置過程中停用其他表單插件會使情況更加順暢。記住。如果需要,您始終可以將它們重新激活。

如果您需要完整的指南,以安裝此表單構建器插件,這是最新的WPForms評論。

安裝WPForms並準備就緒後,您都將開始使用AI創建表單。

步驟2:訪問WPForms AI形式構建器

安裝和激活WPForms後,接下來要做的就是前往AI形式的構建器。

要到達那裡,請轉到WPFORMS»所有表格»在WordPress儀表板中添加新表格

wpforms add new

這將打開“創建表單”屏幕,您將在其中看到超過2,000個模板。本節整齊地組織了頂部的搜索欄,左側是一個類別,以使找到右邊的一個。

因此,如果您不想從頭開始或使用AI,那麼您有很多模板可供選擇,這是一個不錯的選擇。

wpforms templates page

但是,由於您想使用AI構建器工具,因此無需滾動瀏覽模板。 wpforms使這超級容易。只需在頂部懸停在“使用AI生成”選項卡上。很容易發現。

執行此操作後,選擇“生成表單”按鈕打開一個彈出窗口,要求您安裝插件以使AI形式的生成更平滑。

wpforms ai form builder generate form

在這裡,只需選擇“是”,安裝和WPForms自動安裝簽名,優惠券和調查和民意調查插件即可。最好的部分是所有這些插件都將一鍵安裝。

之後,您將自動將其帶到AI表單構建器頁面。

wpforms ai form builder install addons

副任務

現在,您仍然可以在沒有任何附加子的情況下創建AI表單,但是如果您打算製作複雜的WordPress表單,我們建議您預先添加它們。

從我們的測試中,我們發現從一開始就安裝了這些插件會使整個過程更加順暢。將無需在中間停下來弄清楚為什麼某個功能不起作用。

請記住,WPForms可以幫助您使用AI向表單添加不同類型的功能,而不僅僅是上述曾經提到的功能。

因此,在創建AI表單之前,您可以手動安裝更多插件,例如:

  • 遺棄,捕獲部分條目
  • 對話形式,用於聊天風格的形式
  • 保存部分錶單數據以幫助您捕獲錯過的潛在客戶
  • 用戶旅程,了解用戶如何達到您的表格
  • 條紋付款和貝寶付款,直接在您的表格上收到付款

但是,要保持您的網站亮起,只需安裝所需的插件!

要獲得這些其他功能,請轉到WPFORMS»addons頁面。在這裡,安裝並激活所需的插件,就像其他任何其他方法一樣。

步驟3:用提示生成WordPress表單

一旦進入AI形式構建器,就該創建您的表格了。生成的表單頁面超級乾淨易於瀏覽,因此您不會感到不知所措。

我們喜歡的另一件事是,界面就像chatgpt或其他AI聊天工具一樣,因此,如果您使用過其中一種,則會感覺非常熟悉且易於使用。

在頂部,WPForms甚至建議創造的提示,以幫助您開始并快速創建AI表單。例如,您將看到“在線事件註冊表格”和“網頁設計師的工作申請表”之類的提示。

即使您不想使用這些預先的提示,它們也是獲得靈感的好地方。

現在,要創建唯一的AI表單,請向下滾動到底部的自定義提示框,您可以在其中鍵入所需的內容。

wpforms ai form builder interface
提示

不需要其他AI工具來編寫此提示。但是,如果您想確保對WPForms的AI提供清晰,詳細的說明,我們建議您首先使用諸如Chatgpt或Gemini之類的AI工具為您生成提示。

有時,寫得很好的提示意味著從一開始就獲得您想像的更接近您想像的表格。

例如,對於本教程,我們想將WPForms AI形式構建器推向其限制,並向您展示它的詳細信息。

因此,我們不僅要求使用基本提示符的基本聯繫表單,還要求它創建一個字段,其中包括電話號碼,公司名稱,主題,消息框,新聞通訊註冊複選框和驗證碼來阻止垃圾郵件。

這確實將幫助我們向您展示可能

為了幫助我們起草詳細的提示,我們使用了Chatgpt並提出了這一點:

“使用以下字段創建聯繫表:

  • 名稱(必需)
  • 電子郵件(必需)
  • 電話號碼(可選)
  • 公司名稱(可選)
  • 主題(要求)
  • 消息(必需,多行文本)
  • 新聞通訊註冊複選框(標記:“訂閱我們的新聞通訊”)
  • CAPTCHA(防止垃圾郵件提交

確保表格對用戶友好,移動響應及其風格,以匹配現代網站設計。”

chatgpt contact form prompt

之後,我們複製了此提示,並將其粘貼到WPForms AI形式構建器中。然後,我們選擇了“發送”按鈕,並立即創建了一個表單,其中包含我們要求的所有字段。

完成後,您可以在左側查看AI生成的表單的預覽,看看它是否創建了所需的所有內容。

如果有的話,選擇此表單按鈕以移至WPForms拖放構建器以進行最終編輯。

wpforms ai form builder use prompt

如何使用提示自定義您的AI表單

現在,如果生成的表單不是您要尋找的內容,則WPForms允許您在AI表單構建器上進一步自定義它,然後再在Drag and Drop Builder中手動編輯它。

我們還應該指出,您不能在此階段在預覽屏幕上編輯表單。您只能使用其他提示。

因此,為了在生成上面的表格後測試AI的靈活性,我們提示WPForms:

“轉到電話號碼,需要的公司名稱。”

並在幾秒鐘內更新了表格。新版本同時提交了電話號碼和公司名稱。

wpforms ai form builder edit ai form with prompt

一旦滿意,選擇“使用此表格” ,WPForms將其直接發送到拖放構建器以進行任何最終自定義。

步驟4:自定義WPForms AI表單

現在,WPForms拖放形式構建器可讓您完全控制所有表格的自定義,包括AI生成的表單。

雖然AI Form Builder在為您帶來80%的方式方面做得很好,但有時您需要調整一些事情以滿足您的確切需求。

您可以在左側獲得字段,並在右側獲得一個預覽屏幕。您可以選擇左側的任何字段,然後將其移至右側,將其添加到您的表格中。

這很簡單!

wpforms ai form builder form sample

最好的部分?您無需成為設計師或開發人員即可調整AI生成的形式。如果您可以拖放,則可以構建表格!

在ISITWP,我們使用WPForms構建和定制了數百種形式,每次提醒我們為什麼它是最初友好的形式的建築商之一。

以下是一些使自定義AI形式具有WPForms Visual Builder如此流暢的事物:

  • 簡單的拖放接口:一旦AI給您一個起點,您就可以通過向上或向下拖動或向下重新排列以重新排列它們來重新排列。您想要電話號碼上方的電子郵件字段嗎?只需單擊,拖動和掉落即可。
  • 點擊編輯字段:需要重命名字段,調整佔位符文本還是根據需要進行標記?只需選擇實時表單預覽中的任何字段,該字段的所有設置都將在左側打開。您可以編輯標籤,添加描述或更改字段類型,而無需觸摸單行代碼。
  • 預先使用的移動設備友好:我們喜歡AI生成的形式已經成為現代和乾淨的樣式。但是,如果您想調整標籤,幫助文本或在字段之間添加距離之類的內容,則全部點擊。
  • 添加智能條件邏輯:如果您想根據用戶如何回答問題顯示或隱藏字段,則WPFORMS使此非常容易。而且,如果您在AI提示中提到有條件的邏輯,則很可能已經設置了。但是調整或添加更多很簡單。
  • 隨時保存和預覽:進行更改時,您可以點擊“保存”以更新表單並使用預覽按鈕,以準確查看訪問者將體驗什麼。
WPForms drag and drop builder

有關如何使用拖放構建器的更詳細的教程,請查看有關如何使用WPForms構建表單的文章。

我們發現,將AI生成的形式與拖放構建器相結合是最終的節省時間。

您不必從頭開始,但您也不會失去自己製作它的自由。

步驟5:使您的AI生成形式現場直播

一旦您對AI生成的形式的外觀和功能感到滿意,最後一步就是將其發佈在您的網站上。在這一點上,您可以使用使用WPForms構建的任何其他形式進行所有相同的調整。

從視覺構建器最左列的“設置”選項卡中,您可以設置重要功能,例如:

  • 形式通知直接在收件箱中接收表單條目。
  • 確認將成功消息或將用戶重定向到表示表格後的感謝頁面。
  • 形成垃圾郵件保護,以避免使用CAPTCHA和其他內置工具避免機器人和垃圾郵件條目。
form notifications

如果您想將表格連接到電子郵件營銷服務,請轉到“設置”選項卡下的“營銷”選項卡

在這裡,WPForms使您可以與流行的平台進行集成,例如恆定聯繫,滴灌,getResponse,ActiveCampaign,Aweber等。

如果您使用表格收集潛在客戶或增加新聞通訊列表,這將非常有幫助。

wpforms email integrations

計劃收取付款?

付款選項卡已覆蓋您。您可以輕鬆地將表格連接到Stripe,PayPal Commerce,PayPal標準,Square.net,為您提供多種接受付款或捐款的方法。

payment gateways wpforms

所有設置都到位後,就該將您的表格添加到網站了。 WPFORMS通過四個靈活的選項非常容易。

1。添加到現有頁面
自定義表格後,單擊“嵌入形式構建器”的頂部的嵌入

WPForms將為您提供選擇現有頁面或新頁面的選項。在此彈出窗口上,選擇“選擇現有頁面”

wpforms add form to existing page

之後,您將看到一個下拉列表列出所有網站頁面。只需選擇您想要的表格出現的頁面,然後點擊Let On Go。 WPForms將為您自動插入它。

wpforms add form existing page

2。創建一個新頁面
如果您還沒有準備好頁面,則不必擔心。在新頁面中添加表單同樣容易。該過程與在現有頁面中添加表單非常相似。

選擇“嵌入”按鈕打開彈出窗口後,選擇創建一個新頁面。

wpforms會提示您命名頁面,一旦您命名,請擊中Let Let

wpforms create events page

WPForms將創建頁面並自動添加表單。如果您只想為您的表格提供專用頁面,例如聯繫頁面或註冊表格,這將是完美的。

publish new form in wpforms

3。使用短代碼
為了更大的靈活性,WPForms為您創建的每個形式提供了一個短代碼。您可以復制此快捷代碼,並將其粘貼到任何帖子,頁面,側邊欄或可供小部件就緒的站點區域中。

只需查找WPFORMS下的短代碼»所有表單頁面並將其複制即可。

此後,打開一個新的或現有的頁面,並使用搜索欄找到快速代碼塊。然後,粘貼您複製的快捷代碼並點擊“更新”。

wpform add form with shortcode

4。使用wpforms WordPress塊

如果您使用的是諸如Elementor或Gutenberg之類的塊編輯器之類的頁面構建器,則WPFORMS還帶有本機塊/小部件。

您只需要添加WPForms塊,從下拉列表中選擇您的表格,就完成了!

wpforms select form from block

使用您使用的任何方法,一旦完成,您要做的就是在頁面上擊中發布或更新,您就完成了。

發布後,您的AI生成的表格將進行現場直播,並準備收集響應 - 功能齊全,移動友好,並連接到您需要的所有工具。

查看下面的表格示例,以查看其在實時頁面上的外觀。

wpforms event planner sample form

WPForms中管理AI形式構建器的技巧

雖然WPForms AI形式構建器是快速創建形式的令人難以置信的工具,但有時您可能想管理其工作方式甚至關閉。

根據我們使用此AI工具的經驗,這裡有一些實用技巧,可以幫助您處理Pro等AI功能。

如何刪除AI聊天歷史記錄

首先,讓我們談談聊天歷史。每次您使用AI生成表單時,WPForms都會保存該會話的聊天歷史記錄。如果您想返回並查看如何構建表格,這將非常有用。

但是,如果您不想保持這些聊天呢?值得慶幸的是,WPForms可以輕鬆刪除它們。

您要做的就是打開AI表單生成器選項卡,通過訪問WPForms»在WordPress儀表板中添加新的

一旦您進入AI形式構建器屏幕,請向下滾動到聊天區域的底部,您會注意到一個垃圾圖標,上面寫著“清晰的聊天歷史記錄”。

wpforms ai form builder clear chat history

選擇此鏈接將一口氣清除您的整個AI聊天歷史記錄,如果您希望保持整潔或不想存儲過去的對話,那就太好了。

如何禁用AI形式構建器

現在,如果您嘗試了AI形式構建器並決定不想使用它,則不必保持它的活動狀態。您可以通過WPForms設置完全禁用它。

為此,請前往WPFORMS»設置»MISC ,然後向下滾動,直到找到“隱藏AI功能”。只需取消選中此選項旁邊的框,然後將設置保存在頁面底部即可。

wpforms hide ai features

一旦這樣做, “使用AI生成”選項卡將不再出現在創建新表單時。如果您改變主意,請隨時將其重新打開。

什麼時候(以及為什麼)您可能要關閉AI

根據我們自己的經驗測試WP​​Forms AI,我們發現,儘管AI對於快速形式創建而言是驚人的,但有時您可能更喜歡禁用它。

例如:

  • 當使用特定條件邏輯的非常自定義或複雜形式工作時,AI可能無法正確。
  • 如果您管理客戶站點,並希望保持形式構建過程一致並完全手動以進行質量控制。
  • 如果您想在其他團隊成員在網站上工作時避免意外的AI生成表格。

好處是,您可以根據上述需要隨時或關閉它,取決於您的需求。

為什麼AI形式建築有意義

AI WordPress工具(例如Form Builders)聽起來可能是先進的,但是一旦嘗試使用,您就會意識到這只是完成工作的一種方法。

如前所述,在ISITWP.com上,我們已經從事WordPress表格多年了,如果我們學到了一件事,則表格可以吃很多時間,而他們不應該。

有很多小步驟使您慢下來。有時,您會花更多的時間思考要使用的字段,而不是實際構建表單。

以下是AI形式建築對我們有意義的一些最大原因,也可能對您有意義:

  • 不再有反複試驗:AI有助於避免添加字段,刪除它們並重新開始的來回。您告訴它您想要的形式是什麼樣的形式,它將一個起點匯總在一起。
  • 節省了很多時間:過去需要半小時的表格在幾分鐘內完成。就像在急於跳過線一樣。
  • 輕鬆處理複雜表單:需要具有條件邏輯或特殊字段(例如文件上傳)的表單嗎? AI為您找出基本知識,因此您不會猜測。
  • 更少的錯誤:AI包含您可能會忘記的字段 - 例如同意複選框或所需的電子郵件字段 - 因此您不必每次都需要進行雙次檢查。
  • 當您不確定從哪裡開始時,很棒:有時,很難知道應該包含什麼形式。 AI為您提供了聰明的草稿,因此您不會面對空白屏幕。
  • 對於初學者來說,保持簡單:如果您是WordPress的新手,即使是最好的表單插件也會感覺太多。 AI首先要付出困難的部分來消除這種壓力。
  • 給您創造性的想法:AI有時會建議您自己想不到的領域或佈局,這可以改善您的形式。
  • 當您著急時會有所幫助:並非每種形式都必須是完美的。有時,您只需要快速表格即可收集回复。 AI可以快速到達那裡。

就是這樣!現在,您可以在幾分鐘內使用AI構建WordPress表單。如果有什麼不清楚的話,您可以在下面查看常見問題。

常見問題解答:如何使用AI創建WordPress表單

chatgpt可以創建網站表格嗎?

不,Chatgpt本身不能直接創建WordPress表單,但是您可以絕對使用Chatgpt來幫助您為WPFORMS AI形式構建器(例如AI builder)編寫更好的提示。例如,您可以要求Chatgpt製作詳細的表單描述,然後將其粘貼到WPForms AI中以生成表格。因此,雖然ChatGpt並未在WordPress內部創建表單,但它可以作為形式創建的伴隨工具的效果很好。

用AI創建表單的最佳工具是什麼?

WPForms AI形式構建器是在WordPress中創建AI生成的表單的最佳工具。它是對初學者友好,快速的,並且在WordPress儀表板內工作。因此,無需外部平台或複雜的集成。另外,一旦AI生成表單,您就可以使用WPForms的拖放構建器對其進行完全自定義,從而為您提供速度和控制。

我可以在WPForms中編輯AI生成的表單嗎?

是的,絕對! WPForms AI生成您的表格後,您可以使用常規的拖放構建器自定義。您可以添加或刪除字段,調整設置,更改標籤,甚至應用有條件邏輯等高級功能。 AI為您提供了一個很好的開端,但是您仍然可以完全控制最終表格。

WPForms AI可以用條件邏輯處理複雜表單嗎?

的確!如果您編寫詳細的提示,則WPForms AI可以處理複雜的表單。但是,對於具有高級條件邏輯的高度定製表單,您可能需要在AI生成初始版本後使用拖放構建器手動調整表單。 AI是一個很棒的起點,但有時人類的微調使其完美。

恭喜!現在,您可以更好地了解如何在WordPress中構建AI形式。

如果您尚未決定為您的業務提供表單構建器,則這裡是有關WPFORMS與FormStack的比較文章,以幫助您開始。

最重要的是,您可能對閱讀感興趣的其他文章。

  • wpforms與重力形式 - 好,壞和醜陋
  • 如何創建WordPress捐贈表格(逐步)
  • 如何使用密碼保護WordPress表單

第一篇文章比較了2個最佳視覺形式的建造者。接下來會引導您了解如何創建捐贈表格。最後一個向您展示瞭如何使用密碼保護表格。