您想在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上找到我们。