VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

表单一直互联网不可或缺的一部分。作为wordpress网站的所有者,如果你想让与你交流,你别无,只能使用他们。然而,创建遵循最佳实践并符合网站外观的现代表单可能一项艰巨的任务,尤其如果您不擅长编写代码。

幸运的是,CodeCanyon上有几个强大的WordPress表单生成器,它们提供了直观的所见即所得界面和拖放支持。CodeCanyon的精英作者nCrafts开发的FormCraft就是这样一个表单生成器。

FormCraft是一个符合GDPR标准的高级WordPress插件,你可以用它在几分钟内为你的网站创建漂亮的表单。它内置了很多高级功能,包括对AJAX请求、触发器、弹出消息甚至条件逻辑的支持。通过附加组件,它提供了额外的功能,例如与MailChimp和reCAPTCHA的集成。

在本教程中,我将向您展示如何安装该插件并使用它的一些最重要的功能。

1.安装FormCraft,您的Envato帐户并访问CodeCanyon,以便您可以使用FormCraft的许可证。它的销量超过16000件,是那里最受欢迎的商品之一。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

成功后,您将可以访问用于安装插件的ZIP文件。

登录WordPress实例的管理面板,导航到插件》添加新插件。然后按上传插件按钮。在下一个屏幕上,首先按下浏览…按钮选择ZIP文件,然后按“立即安装”按钮开始安装。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

请注意,该插件的大小为2.3MB。如果您的WordPress实例抱怨插件大小超过了上传文件所允许的最大大小,您必须增加php.ini中upload_max_filesize变量》file的值。

安装插件后,按插件按钮开始使用它。

2.使用模板创建表单。你的WordPress管理面板现在应该有一个名为FormCraft的新部分。打开它并按“新建表单”按钮,这样您就可以开始创建您的第一个表单。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

在弹出的对话框中,模板选项。因为FormCraft附带了近十几个为常见表单类型精心设计的模板,所以使用模板是创建表单最简单快捷的方法。

现在,让创建一个联系表单。因此,选择任何联系人模板,命名表单,然后按“创建表单”按钮。我将使用联系人(2)模板。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

当表单准备好时,您将被自动重定向到可以编辑表单的界面。

用FormCraft编辑表单非常简单。通常,您只需单击要更改的表单域并更新其属性。例如,如果要更改名称字段的标签,请单击它并在弹出对话框中更新标签属性的值。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

要关闭对话框,请单击对话框外的任意位置。

最后,当您对所有更改感到满意时,您可以按保存按钮使它们永久保存。

3.显示窗体您可以用两种不同的方式显示用FormCraft创建的窗体。第一种方法是使用一个专用的表单页面,它有自己唯一的URL,除了表单之外什么也不显示。这种方法最少的努力,并且它还使您可以轻松地共享表单。

默认情况下,FormCraft会自动为每个表单创建一个专用的表单页面。若要确定您在上一步中创建的表单的URL,请单击“设置”按钮并切换到“常规”选项卡。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

第二种方法是将表单嵌入帖子或页面中。这种方法更加灵活,因为它允许您在表单中显示额外的文本或图像。

要嵌入FormCraft表单,您它的短代码。要了解它是什么,请前往“设置”》“嵌入”》“简体代码”。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

使用FormCraft创建的每个表单都将有自己独特且令人难忘的简短代码。

此时,您可以创建一篇新文章并输入一个短代码来嵌入表单。以下是包含FormCraft表单的示例帖子:

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

4.处理表单提交在填写完您的表单后,他/她当然会提交表单。您可以通过两种不同的方式收到填好的表格。第一种方法是从WordPress服务器接收电子邮件。它不需要编程,非常适合处理少量表单提交。

要以电子邮件形式接收提交的表单,请前往“设置》电子邮件》电子邮件设置”。

FormCraft可以使用默认的WordPress邮件设置或使用自定义SMTP配置发送电子邮件。通常,默认设置就足够了。因此,请切换到WP邮件选项卡,并根据您的偏好填写发件人姓名和发件人电子邮件字段。您可能已经猜到了,您在此处提供的电子邮件地址将是您接收所有提交表格的电子邮件地址。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

接下来,展开电子邮件通知部分。在这里,您必须提供所有填写好的表格必须发送到的电子邮件地址。请随意使用您之前输入的电子邮件地址。

保持其余不变,然后按Save按钮。

您的第一个表单提交处理已经准备好。从现在起,每当用户提交您的表单时,您都会收到一封电子邮件。

但是,如果您认为您将收到成千上万的表单提交,那么最好采用更具计划性的方法。FormCraft可以将提交的表单数据发送到您指定的任何自定义URL。如果您想要使用此方法,请前往“设置”》“通用”并输入您的自定URL。此外,如果您希望以JSON文档的形式接收提交表单,请启用POST(JSON)选项。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

使用什么逻辑来处理自定义URL上的表单提交取决于您。以下示例代码显示了如何在服务器文件系统上将每个提交保存为具有唯一名称的文件:

& lt?PHP $ file _ name =‘WP-content/submissions/‘。MD5(uniqid(rand(),true));file _ put _ contents($ file _ name,file _ get _ contents(‘PHP://input‘));使用上面的代码,每个表单提交都将保存在一个文件中,其内容如下:

{ & quot”:& quot1 & quot,& quot描述问题& quot:& quot这太棒了。”,& quot电子邮件&quot:& quot爱丽丝@ example.com & quot,& quot条目ID & quot:4 & quot;全名& quot:& quot爱丽丝K. & quot,& quot联系原因& quot:& quot反馈& quot,& quot文本字段& quot:& quot”}5.创建表单如果您认为内置模板都不符合您的要求,您可以继续从头创建新表单。为了给出一个实际的例子,现在让创建一个允许用户提交电影评论的表单。

首先转到FormCraft仪表板,再次按下“新建表单”按钮。

这一次,选择空白选项,命名表单,然后按创建表单按钮。

您现在将看到一个没有表单字段的空白画布。默认情况下,其宽度设置为420 px。如果不希望它具有固定的宽度,可以随意将其更改为百分比值。

接下来,按“添加字段”按钮添加您的第一个表单字段。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

如您所见,FormCraft提供了超过15种不同类型的表单字段供您选择。

要向表单添加标题,请单击标题字段。添加标题后,单击它以其属性。

在弹出的对话框中,您可以更改字段中显示的文本,调整其填充,更改其字体,甚至指定其背景颜色。

接下来,要接受电影名称,请单击添加字段按钮并选择单行输入选项。

单击新添加的字段以打开其属性对话框。在这里,为该字段提供适当的标签和子标签。如有必要,可以单击icon属性在字段旁边显示一个图标。

为确保您的用户不会将该字段留空,请检查必填字段属性。此外,由于电影名称可以包含空格,请选中“允许空格”字段。

您还可以使用最小和最大字符属性来控制用户输入的文本长度。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

单击属性对话框外的任意位置以关闭它。然后选择添加字段》调查》星级评定。顾名思义,该字段将允许您的用户对电影进行评级。

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

同样,要允许用户输入他们对电影的看法,请添加一个文本区域表。

最后,选择添加字段》提交,向表单中添加一个提交按钮。如果您希望按钮更宽,请选中宽按钮选项。

此时,您的表单就准备好了。单击保存按钮进行保存。

要查看它,您可以直接访问其专用的表单页面,并且可以通过设置》常规来确定其URL。

表格如下所示:

使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)

结论在本教程中,您学习了如何使用FormCraft WordPress插件为您的WordPress网站创建基于模板的表单和自定义表单。只需一点创意,您现在就可以快速创建表单来执行基本任务,例如收集电子邮件地址、进行调查或测验以及接受预订。

FormCraft的作者提供六个月的免费支持。如果您在使用它时遇到任何问题,请使用CodeCanyon上的评论页面寻求帮助。

如果你想了解更多关于表单插件的信息,请查看Envato Tuts+上关于WordPress表单插件的其他帖子。

:使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库) https://vps.caogenba.com.com/109991.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » 使用wordpress的拖放式表单生成器(WordPress表单被提交到数据库)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址