您想在WordPress中创建Dropbox上传表单吗?

如果您收到太多附件,带有文件上传选项的联系表单可能很难管理。您可以将表单连接到Dropbox,并将这些文件直接上传到云端。

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

为什么使用Dropbox上传表单附件

有时,您可能需要用户使用您网站上的表单上传文件附件。例如,招聘委员会网站可能需要文件上传选项来上传简历或工作样本。

客户反馈表可能需要文件上传选项,以便用户可以发送屏幕截图。Aphoto contest网站可能需要它,以便用户上传他们的参赛作品。

当您收到文件时,您可以将这些文件存储在您的WordPress网站上。它们将被添加到您网站的wp-content文件夹中。

但是,如果您期望获得大量条目,并且它们与您的实际网站文件无关,那么单独保存它们是好主意。

将表单附件上传到Dropbox具有以下优点:

  • 将表单上传条目与您的WordPress文件分开
  • Dropbox可以更轻松地与任何人共享这些文件,并且您无需允许他们访问您的网站
  • 您可以从Dropbox仪表板轻松浏览和管理表单附件
  • 如果您不再需要这些文件,那么您可以下载、存档和删除它们。

也就是说,让我们看看如何制作带有将文件上传到Dropbox的选项的WordPress表单。

在WordPress中创建Dropbox上传表单

在WordPress中创建Dropbox表单的最简单方法是使用WPForms。它是WordPress的最佳联系表单插件,并提供预构建的模板、拖放表单构建器和高级集成。

首先,您需要安装并激活WPForms插件。有关更多详细信息,您应该查看我们关于如何安装WordPress插件的文章。

激活后,您需要从WordPress仪表板转到WPForms »设置,然后输入许可证密钥。您可以在WPForms帐户区域中轻松找到许可证密钥。

在您的网站上输入您的WPForms许可证密钥

接下来,您需要访问WPForms »在WordPress管理区域中添加新

从这里,您可以添加新的Dropbox文件上传表单。

添加新表单

它会将您带到WPForms表单构建器页面。

只需在顶部为您的表单提供名称,然后选择“简单联系表单”模板作为起点。

选择简单的联系表单模板

WPForms将使用常用的表单字段加载表单模板。您可以单击任何字段进行编辑,也可以拖动字段以重新排列它们或将新字段添加到表单中。

接下来,您需要单击左栏中“花式字段”部分下的“文件上传”字段。

添加文件上传按钮

这会将文件上传字段添加到您的表单中。

单击“保存”按钮保存您的表单,您的文件上传表单就准备好了。

将Zapier与WPForms集成

接下来,您需要将表单连接到Dropbox帐户。

我们将使用一种名为Zapier的服务来做到这一点。Zapier允许您将不同的应用程序连接到您的网站,而无需编写任何代码。在这种情况下,我们将使用它在WPForms和Dropbox之间建立连接。

WPForms附带了一个“Zapier Addon”,您可以使用它与包括Dropbox在内的1500多个热门应用程序集成。

要访问此插件,您需要转到WPForms »插件页面。从那里,您需要查找Zapier插件,然后单击“安装插件”按钮。它将自动激活插件。

安装Zapier插件

接下来,您需要转到WordPress管理区域中的WPForms?设置?集成页面。

从那里,您需要复制“Zapier API密钥”,您将需要将WordPress网站与Zapier连接起来。

复制Zapier API密钥

复制后,您应该访问Zapier网站并登录您的Zapier帐户。

然后,单击“创建Zap”按钮继续。

创建一个zap

接下来,Zapier将要求您选择一个触发器。

将有很多应用程序可用。搜索“WPForms”并选择它作为触发应用程序。

选择WPForms应用程序

之后,您需要选择“新表单输入”作为WPForms应用程序的触发事件。

它将在每次提交表单时创建一个触发器。

选择一个事件

接下来,您需要选择一个WPForms表单帐户。

您可以继续单击“签名”按钮,将您的Zapier帐户与您网站上的WPForms插件连接起来。

登录您的WPForms帐户

现在将打开一个新窗口。

要将Zapier与您的网站连接,您需要添加您之前复制的网站URL和Zapier API密钥。

输入Zapier API密钥和网站

输入这些详细信息后,单击“是,继续”按钮。

将显示WPForms帐户。点击“继续”按钮。

在Zapier中选择您的WPForms帐户

接下来,在“表单”下拉列表中,您需要选择之前创建的文件上传表单。

完成后,继续单击“继续”按钮。

选择您的联系表格

在进入下一步之前,Zapier将要求您测试新的文件上传表单,看看所有设置是否正常工作。

您可以访问WordPress管理区域中的WPForms?所有表单页面,然后单击文件上传表单下方的“预览”链接。

预览表单

为了使此测试顺利进行,您应该上传一个文件,并在消息部分添加虚拟文本。

提交测试条目并转到您的Zapier帐户。接下来,单击“测试触发器”按钮。

测试你的触发器

注意:您可以在“查找数据”部分中查看测试条目。

如果测试成功,它将跳转到下一步,您可以在其中将表单与Dropbox集成。

将WPForms与Dropbox连接

首先,您需要访问您的Dropbox帐户并创建一个新的Dropbox上传文件夹。

您可以将此文件夹重命名为“WPForms Uploads”或给它任何名称。您的所有文件附件将自动上传到此文件夹。

接下来,您需要回到您的Zapier帐户。在“操作”部分中,您需要搜索“Dropbox应用程序”并单击它。

选择Dropbox作为操作应用程序

它会要求您为Dropbox创建一个操作。

选择“上传文件”选项,然后单击“继续”按钮。

选择Dropbox操作事件

之后,您需要单击“登录”按钮。

通过这种方式,您可以选择您的Dropbox帐户并将其与Zapier连接。

登录您的Dropbox帐户

接下来,您需要从下拉菜单中选择您的Dropbox帐户。

选择帐户后,只需单击“继续”按钮。

选择您的Dropbox帐户

现在,您需要配置Dropbox文件设置。它会问你2个选项:

  1. 您要保存文件附件的Dropbox文件夹
  2. WPForms文件上传字段
设置Dropbox设置

然后,您可以向下滚动以查看更高级的设置。

只需单击“继续”按钮。

Zapier中的更多Dropbox设置

设置后,您可以继续测试您的配置。

点击“测试并继续”按钮。

测试你的行动

一旦测试成功,您必须发布您的Zap。

只需单击“发布Zap”按钮。

点击发布zap按钮

最后,现在将打开一个弹出窗口。

您可以继续单击“发布和打开”按钮。

点击发布并打开zap

您带有文件上传选项的在线表单已准备好添加到您的网站。

在WordPress中添加Dropbox上传表单

要在WordPress中添加Dropbox上传表单,您可以在要显示的任何页面或帖子中进行编辑。

只需将WPForms块添加到内容编辑器中,然后选择您之前创建的表单。

WPForms小部件

在WPForms块中,只需从下拉菜单中选择您的Dropbox文件上传表单。

WPForms将在内容编辑器中加载表单的实时预览。

选择表格

您现在可以访问您的网站查看表单的实际操作。

您还可以通过上传文件并填写表格来测试表格。

预览Dropbox上传表单