如何在 WordPress 中创建 Dropbox 上传表单

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

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

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

Creating a WordPress Dropbox upload form

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

有时您可能需要用户使用您网站上的表单上传文件附件.

例如,招聘网站可能需要一个文件上传选项来上传简历或工作样本.

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

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

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

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

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

话虽如此,让我们来看看如何制作带有将文件上传到 Dropbox 的选项的 WordPress 表单.

在 WordPress 中创建 Dropbox 上传表单

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

注意: WPForms 是由与 WPBeginner 相同的团队构建的付费插件,您至少需要他们的"专业"计划才能访问我们将在此使用的 Zapier 插件教程.

激活后,您需要访问WPForms »在您的 WordPress 管理区域中添加新的页面.

Add new form

它将带您进入 WPForms 表单构建器页面.只需为您的表单提供一个名称,然后选择简单的联系表单模板作为起点.

Select simple contact form

WPForms 将加载带有常用表单字段的表单模板.您可以点击任何字段进行编辑,也可以拖动字段以重新排列它们或向表单添加新字段.

接下来,您需要点击位于左栏中"花式字段"部分下的"文件上传"字段.

Add file upload button

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

点击"保存"按钮保存您的表单,您的文件上传表单已准备就绪.

将 Zapier 与 WPForms 集成

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

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

WPForms 带有一个"Zapier 插件",您可以使用它与 1500 多个流行应用程序集成,包括 Dropbox.

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

Zapier Addon

接下来,您需要转到WPForms »设置&raqu; WordPress 管理区域中的集成页面.从那里,您需要复制将您的 WordPress 网站与 Zapier 连接所需的"Zapier API 密钥".

Zapier integration

复制后,您应该访问 Zapier 网站并登录您的 Zapier 帐户.然后,点击"Make a Zap"按钮继续.

Make a Zap

将会有许多应用程序可用.搜索"WPForms"并选择它作为触发应用.

Choose app

之后,您需要选择"New Form Entry"作为 WPForms 应用程序的触发事件.它会在每次提交表单时创建一个触发器.

Choose trigger event

现在,您可以继续点击"登录 WPForms"按钮,将您的 Zapier 帐户与您网站上的 WPForms 插件相关联.

要将 Zapier 连接到您的网站,您需要添加您之前复制的网站网址和 Zapier API 密钥.

它将显示 WPForms 帐户.点击"继续"按钮.

Choose account

在"表单"下拉菜单中,您需要选择您之前创建的文件上传表单.

Select form entry

之后,点击"继续"按钮.

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

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

Preview form

为了使此测试顺利进行,您应该上传文件并在消息部分添加虚拟文本.提交测试条目并转到您的 Zapier 帐户.单击"测试和" "继续"按钮.

WPForms entry

注意:您可以在"查找数据"部分查看测试条目.

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

将 WPForms 与 Dropbox 连接

首先,您需要访问您的 Dropbox 帐户并创建一个新的 Dropbox 上传文件夹.您可以将此文件夹重命名为"WPForms Uploads"或为其指定任何名称.您的所有文件附件都会自动上传到此文件夹中.

接下来,您需要返回您的 Zapier 帐户.在"执行此操作"部分,您需要选择"Dropbox".

Choose Dropbox

它会要求您为 Dropbox 创建一个操作.选择"上传文件"选项,然后点击"继续"按钮.

Choose action

之后,您需要单击"登录 Dropbox"按钮以选择您的 Dropbox 帐户并将其与 Zapier 连接.

Sign in to Dropbox

连接帐户后,点击"继续"按钮.

现在,您需要配置 Dropbox 文件设置.它会要求您提供 2 个选项:

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

Configuration Dropbox

设置完成后,您可以继续测试您的配置.单击"测试和"继续"按钮继续.

Test file upload

最后,单击"打开 Zap"按钮以存储这些设置.这将需要几秒钟,您将在屏幕右上角看到 Zap 状态.

Turn Zap on

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

在 WordPress 中添加 Dropbox 上传表单

要在 WordPress 中添加 Dropbox 上传表单,您可以编辑任何页面或发布您想要显示它的位置.

只需将 WPForms 块添加到内容编辑器并选择您之前创建的表单.

WPForms widget

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

Select form

您现在可以访问您的网站以查看正在运行的表单.您还可以通过上传文件并填写表单来测试表单.

Previewing Dropbox upload form

仅此而已.

我们希望本文能帮助您了解如何在 WordPress 中创建 Dropbox 上传表单.您可能还想查看我们关于如何在 WordPress 中举办赠品竞赛以提高用户参与度的指南.

6

发表回复