如何在WordPress中创建文件上传表单

01/20/2024

您想在WordPress中创建一个文件上传表单吗?

也许您在招聘员工想要收集简历,或者您正在举办一个摄影比赛需要申请者附上文件。

在本文中,我们将逐步向您展示如何轻松地在WordPress中创建文件上传表单。

为什么要创建WordPress文件上传表单?

文件上传表单是从您的网站用户那里收集任何类型文件的好主意。

您可以让用户上传图片、PDF文件、Word文档或其他类型的文件。

使用文件上传表单使您和用户的生活更加轻松。与其来回发送电子邮件,不如创建一个表单,包含您需要收集的所有信息字段。

此外,您的表单应自动将表单数据保存到您的WordPress数据库中。这样,即使您错过或删除了一封电子邮件,也可以很容易地找到提交的文件。

话虽如此,让我们来看看如何在WordPress中创建文件上传表单。

如何在WordPress中创建文件上传表单

在本教程中,我们将使用WPForms,这是WordPress最好的联系表单插件。

首先,您需要安装并激活WPForms插件。有关更多说明,请参阅我们关于如何安装WordPress插件的分步指南。

注意:WPForms还提供免费版本。但是,您需要插件的Pro版本才能解锁文件上传表单模板。

激活后,从WordPress管理侧栏中前往WPForms » Add New页面。

这将带您到“搜索模板”页面,首先为您的新表单命名。您还需要在左侧的搜索框中查找文件上传表单模板。

接下来,只需点击“使用模板”按钮即可。

现在,您将进入WPForms构建器,系统将自动为您创建文件上传表单。

您可以不做任何更改地使用文件上传表单模板,也可以从“添加字段”侧栏拖放表单字段。

接着,点击表单中的“文件上传”字段,在左栏中打开其设置。

默认情况下,您可以在表单中上传不同类型的文件,包括:

  • 图片文件:.png,.gif,.jpg
  • 文档:.doc,.xls,.ppt,.pdf
  • 音频:.wav,.mp3,.mp4
  • 视频:.mpg,.mov,.wmv

您只需在“允许的文件扩展名”框中键入您想接受的文件格式。

在本教程中,我们将允许图像格式.png、.gif和.jpg。确保用逗号分隔每个文件格式。

注意:出于WordPress安全性原因,WordPress限制可以上传到站点的文件类型。如果您想要允许用户上传通常不被允许的文件类型,可以添加额外的文件类型到WordPress。

您还可以设置最大文件大小限制和文件数量上限。在我们的教程中,我们将允许人们提交最多3张每张不超过50MB的照片。

如果您想防止人们在不附加文件的情况下提交表单,可以切换“必填”开关。这意味着除非至少上传了1个文件,否则无法提交表单。

接着,只需从顶部切换到“高级”选项卡。

默认情况下,文件上传字段使用现代格式,允许用户拖放他们的文件。

但是,如果您的表单空间有限或者更喜欢经典上传字段,可以更改这一点。只需从“样式”下拉菜单中选择“经典”选项。

提示:经典上传字段只允许上传一个文件。如果您希望用户能够提交多个文件,您需要在表单中添加多个文件上传字段。

您还可以通过切换“将文件存储在WordPress媒体库中”开关,选择将提交的文件存储在WordPress媒体库中。这使得您可以轻松地将上传的文件添加到帖子或页面中。

例如,如果您正在举办摄影比赛,那么在宣布获奖者时可能希望包含最佳照片。

注意:即使您不勾选此框,上传的文件仍会保存在您的WordPress数据库中。它们只是在您的WordPress托管账户中的一个单独文件夹中保存。

如果您想编辑表单中的其他字段,您可以点击它们,在左栏中打开字段的设置。

您还可以从左栏中向文件上传表单添加其他字段。

例如,您可能希望在表单中添加一个网站URL字段,以便用户可以提供他们的网站链接。

一旦对表单感到满意,请点击屏幕右上角的“保存”按钮以保存您的设置。

设置文件上传表单的通知

要更改表单的通知设置,您需要打开左角的“设置”选项卡。到达那里后,只需点击“通知”选项卡。

默认情况下,表单在提交后会向{admin_email}发送电子邮件通知。

如果您自己创建了WordPress站点,这将是您的电子邮件地址。如果不是,您可以删除{admin_email}并在此输入自己的电子邮件地址。

但是,如果您不确定{admin_email}是否是您的电子邮件地址,只需从WordPress管理仪表板访问设置 » 常规页面。

到达那里后,查找管理电子邮件地址。然后您可以在这里更改管理电子邮件地址。

完成后,不要忘记点击“保存更改”按钮以保存您的设置。

如果您希望提交的文件发送给多个人,您可以查看我们的教程,了解如何创建具有多个通知收件人的联系表单。

您还可以更改表单提交后用户看到的确认消息。

为此,您需要访问左栏的设置 » 确认页面。然后,只需在“确认消息”框中键入消息。您还可以添加粗体和斜体等格式。

最后,在进行更改后,不要忘记保存您的表单。

您可以点击右上角的“X”退出表单构建器。

将文件上传表单添加到您的网站

完成创建表单后,您需要将其添加到您的网站。

为此,您必须从管理侧栏中打开现有或新的WordPress页面/帖子。在本教程中,我们将文件上传表单添加到一个新页面。

到达那里后,点击屏幕左上角的添加新模块“(+)”按钮,找到WPForms模块。

添加模块后,您将在页面上看到一个WPForms下拉菜单。

继续选择您刚才创建的文件上传表单。

最后,点击“发布”或“更新”按钮以保存您的更改。

您现在可以访问您的网站以查看文件上传表单的实际效果。

您还可以随时通过访问管理侧栏中的WPForms » 所有表单页面来更改表单。

从这里,只需点击表单名称或鼠标悬停在其上并点击“编辑”链接即可打开表单构建器。

当您编辑表单时,它将在您网站上自动更新,因此您不需要再次将其添加到页面中。

提示:最好测试一下您的表单,确保它按预期工作。如果您在创建表单条目后没有收到电子邮件通知,可以阅读我们的分步指南来解决WordPress不发送电子邮件的问题。

查看或下载已上传的文件

当有人通过您的文件上传表单发送文件时,您可以在您的电子邮件收件箱或WordPress仪表板中看到它。

每个表单条目,您都会收到一封这样的电子邮件:

只需点击链接即可查看或下载文件本身。

您也可以在WordPress仪表板中轻松找到文件。只需前往WPForms » 条目页面,然后点击表单名称。

您可以在WordPress表单条目的表格中查看已上传的文件。

或者,您可以点击“查看”链接以查看每个表单条目的详细信息。

额外奖励:如何美化您的WordPress表单

创建了文件上传表单后,最好根据您的品牌色彩进行自定义。这可以使您的表单在视觉上更加吸引人,可能会促使更多用户在您的站点上提交表单,从而生成潜在客户。

您可以使用WPForms轻松实现这一点。将文件上传表单添加到页面或帖子后,只需访问WordPress仪表板中的WPForms » 设置页面。

这里,勾选“使用现代标记”选项并点击“保存更改”按钮。

现在打开您添加了表单的页面,查看右侧的模块面板。这里,您会发现一些新的设置,您可以用来美化文件上传表单。

您可以更改字段颜色、文本颜色和按钮颜色,使您的表单在视觉上更具吸引力。

完成后,只需点击顶部的“发布”或“更新”按钮以保存您的设置。您现在已成功美化了您的文件上传表单。

有关详细信息,请参阅我们的教程,了解如何自定义和美化您的WordPress表单。

我们希望这篇教程帮助您了解如何在WordPress中创建文件上传表单。您可能还想查看我们专家精选的最佳WordPress调查插件,并阅读我们关于如何创建电子邮件新闻简报的指南。

如果您喜欢本文,请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>