表单一直是互联网不可或缺的一部分。作为wordpress网站所有者,如果您希望用户与您交流,您别无选择,只能使用它们。然而,创建遵循最佳实践并符合网站外观的现代表单可能是一项艰巨的任务,尤其是在您不擅长编写代码的情况下。
幸运的是,现在CodeCanyon上提供了几个功能强大的WordPress表单生成器,提供直观的所见即所得界面和拖放支持。由CodeCanyon精英作者nCrafts开发的FormCraft就是这样一种表单生成器。
FormCraft是一款符合GDPR标准的高级WordPress插件,您可以使用它在几分钟内为您的网站创建漂亮的表单。它内置了大量高级功能,包括对AJAX请求、触发器、弹出消息甚至条件逻辑的支持。通过附加组件,它提供了额外的功能,例如与MailChimp和reCAPTCHA的集成。
在本教程中,我将向您展示如何安装该插件并使用其一些最重要的功能。
1.安装FormCraft
登录您的Envato帐户并前往CodeCanyon,以便您可以购买使用FormCraft的许可证。它的销量超过16,000件,是那里最受欢迎的商品之一。
成功购买后,您将可以访问可用于安装插件的ZIP文件。
登录WordPress实例的管理面板并导航至插件>添加新插件。然后按上传插件按钮。在下一个屏幕上,首先按浏览...按钮选择ZIP文件,然后按立即安装按钮开始安装。
请注意,插件的大小为2.3MB。如果您的WordPress实例抱怨插件的大小超出了上传文件允许的最大大小,则您必须增加php.ini中的upload_max_filesize变量的值> 文件。
安装插件后,按激活插件按钮开始使用它。
2.使用模板创建表单
您的WordPress管理面板现在应该有一个名为FormCraft的新部分。打开它并按新建表单按钮,以便您可以开始创建第一个表单。
在弹出的对话框中,选择模板选项。由于FormCraft附带了近十几个针对常见表单类型精心设计的模板,因此使用模板是创建表单最简单、最快捷的方法。
现在,让我们创建一个联系表单。因此,选择任何联系模板,为表单命名,然后按创建表单按钮。我将使用联系人(2)模板。
表单准备好后,您将自动重定向到可以编辑表单的界面。
使用FormCraft编辑表单非常简单。通常,您所要做的就是单击要更改的表单字段并更新其属性。例如,如果您想更改名称字段的标签,请点击它,然后在弹出的对话框中更新标签属性的值。
要关闭对话框,请单击对话框外部的任意位置。
最后,当您对所有更改感到满意时,可以按保存按钮将其永久化。
3.显示表单
您可以采用两种不同的方法来显示使用FormCraft创建的表单。第一种方法涉及使用专用的表单页面,该页面有自己唯一的URL,除了表单之外不显示任何内容。这种方法只需最少的努力,并且还可以让您轻松共享表单。
默认情况下,FormCraft会自动为每个表单创建专用的表单页面。要确定您在上一步中创建的表单的网址,请点击设置按钮并切换到常规标签。
第二种方法是将表单嵌入帖子或页面中。这种方法更加灵活,因为它允许您随表单一起显示附加文本或图像。
要嵌入FormCraft表单,您需要其简码。要了解它是什么,请转至设置>嵌入>简码。
您使用FormCraft创建的每个表单都将有其独特且易于记忆的短代码。
此时,您可以创建一个新帖子并输入短代码以嵌入表单。以下是包含FormCraft表单的示例帖子:
4.处理表单提交
用户填写完您的表单后,他或她当然会提交该表单。您可以通过两种不同的方式接收填写的表格。第一种方法是从WordPress服务器接收电子邮件。它不需要编程,非常适合处理少量表单提交。
要以电子邮件形式接收提交的表单,请转至设置>电子邮件>电子邮件设置。
FormCraft可以使用默认WordPress邮件设置或使用自定义SMTP配置发送电子邮件。通常,默认设置就足够了。因此,请切换到WPMail标签,然后根据您的偏好填写发件人姓名和发件人电子邮件字段。您可能已经猜到,您在此处提供的电子邮件地址将是您接收所有表单提交的电子邮件地址。
接下来,展开电子邮件通知部分。在这里,您必须提供所有填写的表格必须发送到的电子邮件地址。请随意使用您之前输入的同一电子邮件地址。
保留其余配置不变,然后按保存按钮。
您的第一个表单提交处理程序已准备就绪。从现在起,每当用户提交您的表单时,您都会收到一封电子邮件。
但是,如果您认为自己将收到数千份表单提交,那么采用更具编程性的方法会更好。FormCraft可以将提交的表单数据发送到您指定的任何自定义URL。如果您想采用此方法,请转到设置>常规并输入您的自定义网址。此外,如果您希望接收JSON文档形式的提交表单,请启用POST(JSON)选项。
使用什么逻辑来处理自定义URL上的表单提交取决于您。以下示例代码向您展示如何将每个提交保存为服务器文件系统上具有唯一名称的文件: