如何使用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个最佳视觉形式的建造者。接下来会引导您了解如何创建捐赠表格。最后一个向您展示了如何使用密码保护表格。