使用适用于WordPress的拖放表单生成器

最新推荐文章于 2024-07-02 19:21:09 发布

cunjie3951

最新推荐文章于 2024-07-02 19:21:09 发布

阅读量339

点赞数

文章标签： java python php html vue ViewUI

表单一直是Internet不可或缺的一部分。作为WordPress网站所有者，如果您希望用户与您交流，则别无选择，只能使用它们。但是，创建遵循最佳实践并符合站点外观的现代表单可能是一项艰巨的任务，尤其是当您不习惯编写代码时。

幸运的是，今天在CodeCanyon上有几个功能强大的WordPress表单生成器-提供具有拖放支持的直观WYSIWYG界面。 FormCraft ，通过CodeCanyon精英笔者开发nCrafts ，就是这样的一个表单生成器。

FormCraft是一个GDPR就绪的高级WordPress插件，您可以在几分钟内使用它为您的网站创建漂亮的表单。它具有许多内置的高级功能，包括对AJAX请求，触发器，弹出消息甚至条件逻辑的支持。通过附加组件，它提供了附加功能，例如与MailChimp和reCAPTCHA集成。

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

1.安装FormCraft

登录到您的Envato帐户并转到CodeCanyon，以便您可以购买使用FormCraft的许可证。它的销售量超过16,000，是那里最受欢迎的商品之一。

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

登录到WordPress实例的管理面板，然后导航至Plugins> Add New 。然后按上载插件按钮。在下一个屏幕上，首先按浏览...按钮以选择ZIP文件，然后按立即安装按钮以开始安装。

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

安装插件后，按“ 激活插件”按钮开始使用它。

2.使用模板创建表单

WordPress管理面板现在应该有一个名为FormCraft的新部分。打开它，然后按“ 新建表单”按钮，这样就可以开始创建第一个表单了。

在弹出的对话框中，选择“ 模板”选项。由于FormCraft随附了将近十二种针对常见类型的表单而精心设计的模板，因此使用模板是创建表单的最简单，最快的方法。

现在，让我们创建一个联系表。因此，选择任何联系人模板，为表单命名，然后按“ 创建表单”按钮。我将使用Contact（2）模板。

表单准备就绪后，您将自动重定向到可以对其进行编辑的界面。

使用FormCraft编辑表单非常简单。通常，您要做的就是单击要更改并更新其属性的表单字段。例如，如果要更改“ 名称”字段的标签，请单击它，然后在弹出的对话框中更新“ 标签”属性的值。

要关闭对话框，请单击对话框外部的任何位置。

最后，当您对所有更改感到满意时，可以通过单击“ 保存”按钮使它们永久生效。

3.显示表格

您可以按照两种不同的方法来显示使用FormCraft创建的表单。第一种方法涉及使用专用的表单页面，该页面具有自己的唯一URL，仅显示表单。这种方法只需花费很少的精力，也可以使您轻松共享表单。

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

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

要嵌入FormCraft表单，您需要其简短代码。要知道它是什么，请转到设置>嵌入>简码 。

您使用FormCraft创建的每个表单都将具有自己唯一且易于记忆的简码。

此时，您可以创建一个新帖子，然后输入简码以嵌入表单。这是一个包含FormCraft表单的示例帖子：

4.处理表格提交

用户填写您的表格后，他或她当然将提交该表格。您可以通过两种不同的方式来接收填写好的表格。第一种方法是从WordPress服务器以电子邮件形式接收它。它不涉及编程，是处理少量表单提交的理想选择。

要接收作为电子邮件提交的表单，请进入设置>电子邮件>电子邮件设置 。

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

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

保留其余配置不变，然后按保存按钮。

您的第一个表单提交处理程序已准备就绪。从现在开始，无论用户何时提交您的表格，您都会以电子邮件的形式收到。

但是，如果您认为将要收到成千上万的表单提交，那么采用一种更具编程性的方法会更好。 FormCraft可以将提交的表单数据发送到您指定的任何自定义URL。如果您想采用这种方法，请转到设置>常规，然后输入您的自定义URL。此外，如果您希望将提交的表单作为JSON文档接收，请打开POST（JSON）选项。

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

<?php
$file_name = 'wp-content/submissions/' . md5(uniqid(rand(), true));
file_put_contents($file_name, file_get_contents('php://input'));

使用上面的代码，每个表单提交都将保存在一个文件中，该文件的内容如下所示：

{
    "": "1",
    "Describe the Issue": "This is awesome!",
    "Email": "alice@example.com",
    "Entry ID": 4,
    "Full Name": "Alice K.",
    "Reason for Contact": "Feedback",
    "Text Field": ""
}