如何从 WordPress 表单创建新的 Toggl 项目(2021)

已发表: 2020-08-21

你想在 WordPress 中创建一个 Toggl 项目表单吗? 使用 WPForms,您可以轻松地在您的网站上制作一个表单,该表单在提交表单时会自动在 Toggl 中创建一个项目。

在本文中,我们将逐步向您展示如何将 Toggl 与 WordPress 集成

立即创建您的 Toggl 项目表单

什么是 Toggl 项目?

Toggl 项目是 Toggl 工作区中的一个区域,您可以在其中跟踪不同任务的时间。 您可以将每个项目分配给不同的客户,以便一切都井井有条,然后只需单击计时器即可开始跟踪时间。

例如,网页设计师可能会为新的客户网站创建一个项目。 通过将项目拆分为任务,他们可以准确地跟踪每个步骤的时间。

如果您想,在 Toggl 项目中跟踪时间非常有用:

WPForms 是最好的 WordPress Form Builder 插件。 免费获取!
  • 衡量公司或团队中的项目活动
  • 为您的客户创建时间表
  • 通过将它们与 Toggl 集成,跟踪您在 GitHub 或 Basecamp 等工具上花费的时间。

所以现在我们了解了一点,让我们创建一个 WordPress 表单来将 Toggl 与我们的网站集成。

如何从 WordPress 表单创建 Toggl 项目

在此示例中,我们使用 WordPress 创建志愿者招募表。 当志愿者注册时,我们将自动创建一个新的 Toggl 项目,以便我们可以组织他们的培训。

这是一个目录,可帮助您跟进:

  1. 安装 WPForms 插件
  2. 创建您的 WordPress 表单
  3. 将您的 Toggl 项目表单添加到 WordPress
  4. 将 WPForms 连接到 Zapier
  5. 将 Toggl 连接到 Zapier
  6. 创建您的 Toggl 项目

在开始之前,最好在 Toggl 中设置您的组织和客户。 如果您不需要将项目分配给客户,请暂时使用您自己的名称作为客户。

第 1 步:安装 WPForms 插件

首先安装 WPForms 插件。

如果您在这一步需要帮助,请参阅我们关于如何在 WordPress 中安装插件的指南。

激活 WPForms 后,您可以继续下一步。

第 2 步:创建您的 WordPress 表单

接下来,通过转到WPForms » Add New在 WPForms 中创建一个新表单。 在顶部键入表单的名称。

命名 WordPress 表单

让我们使用一个模板来让这一切变得非常简单。 搜索志愿者表格的表格模板,然后单击模板将其打开。

在 WPForms 中选择表单模板

自定义表单真的很容易。 只需将字段从左侧窗格拖放到右侧窗格即可。

例如,如果您需要知道志愿者的年龄,您可以添加一个数字字段,如下所示:

添加数字字段

如果您需要更改某些答案选项,只需单击该字段即可对其进行编辑。

编辑答案选项

您还可以使用表单构建器:

  • 上下拖动字段以重新排序
  • 将字段标记为必填
  • 删除不需要的字段
  • 重复字段
  • 在表单中添加 GDPR 协议字段。

我们在这个例子中创建的表单有很多问题。 如果您想学习如何将长表单拆分为页面,请阅读本指南,了解如何在 WordPress 中创建多步骤表单。

表单完成后单击保存

现在是时候将它添加到 WordPress 了。

第 3 步:将您的 Toggl 项目表单添加到 WordPress

将您的表单添加到 WordPress 非常简单。 您无需复制和粘贴任何代码。

您可以将表单添加到任何页面或在您的网站上发布,或将它们放在侧边栏中。

我们将在本例中创建一个新页面。

首先,单击块编辑器中的加号图标以添加新块。 在弹出的窗口中,搜索WPForms

选择 WPForms 小部件

现在单击 WPForms 图标将小部件添加到您的页面。

选择 WordPress Toggl 表单

在下拉列表中,选择您在第 2 步中创建的 Toggl 项目表单。

选择 Toggl 项目表单

最后一步是通过单击右上角的蓝色按钮发布更新您的页面。

发布 Toggl 项目表单

现在您的表单已上线并准备好收集条目。

最后,我们需要提交一个测试条目,以便 Zapier 可以在测试期间提取该数据。

已发布的切换表单

现在是时候在 Zapier 施展魔法了。

第 4 步:将 WPForms 连接到 Zapier

前往 Zapier 并点击Make a Zap

在 Zapier 制造 Zap

现在搜索WPForms并单击图标。

在 Zapier 中选择 WPForms

接下来,点击继续

Zapier 将提示您登录您的 WPForms 帐户。 为此,您需要获取 WPForms API 密钥。

您可以在WPForms » Settings » Integrations 中找到它。 单击 Zapier 图标以显示您的密钥。

WPForms Zapier API 密钥

继续复制密钥,然后将其粘贴到带有您网站 URL 的 Zapier 连接窗口中,如下所示:

连接到 Zapier 中的 WPForms

连接后,窗口将关闭。

Zapier 将向您显示您创建的所有表单的列表。 请务必从下拉列表中选择正确的表单:

在 Zapier 中选择 Toggl 表单

现在,最后一步。 单击测试触发器。 Zapier 将连接到 WPForms 并拉入我们在第 3 步中创建的测试条目。

在 Zapier 中切换表单条目

如果您在此处收到错误消息,请尝试提交另一个表单条目,然后再次测试您的触发器。

一切正常后,单击Continue

在下一步中,我们将重复将 Zapier 连接到我们的 Toggl 项目的过程。

第 5 步:将 Toggl 连接到 Zapier

Zapier 会询问您要连接到哪个服务。 搜索Toggl并单击图标。

将 WPForms 连接到 Toggl

现在,当您的 WordPress 表单提交时,Zapier 会询问您想做什么。 你可以做很多很棒的事情。 对于此示例,我们要单击Create Project

创建 Toggl 项目

接下来,Zapier 会要求您登录 Toggl。 您现在需要获取您的 Toggl API 密钥。

在 Toggl 中,单击您的姓名以打开您的个人资料页面:

切换个人资料链接

单击Profile Settings ,然后一直向下滚动到API Token

切换 API 密钥

现在您可以复制密钥并将其粘贴到 Zapier 连接窗口中。

全部完成? 单击是,继续

Zapier 中的切换 API 密钥

现在点击继续进入有趣的部分。

Zapier 连接到 Toggl 项目

是时候告诉 Zapier 您的 Toggl 项目应该是什么样子了。 使用下拉菜单和字段以您想要的方式映射所有内容。

自定义 Toggl 项目字段

在此示例中,我们自定义了 Toggl 项目的名称以包含提交表单的人员的姓名。 这将使得很容易看到每个项目是为谁服务的。

第 6 步:创建您的 Toggl 项目

现在我们要告诉 Zapier 从我们的测试数据创建一个 Toggl 项目。

按照您希望的方式设置好所有内容后,单击“测试并继续”

测试 Toggl 项目集成

Zapier 会将您 WordPress 表单中的所有数据复制到 Toggl 项目中。

让我们检查一切以确保它有效。

在 Toggl 中,导航到Projects

伟大的! 我们有一个新的 Toggl 项目,其中包含我们在 WordPress 中提交的所有信息。

来自 WordPress 的 Toggl 项目

现在,我们可以跟踪加入新志愿者所需的时间。

就是这样! 现在您知道如何从 WordPress 表单自动创建 Toggl 项目了。

如果您想向每位志愿者发送电子邮件确认,请查看有关如何向用户发送确认电子邮件的文章。 您还可以向他们发送 Slack 自动邀请,以便他们与您团队的其他成员会面。

立即创建您的 Toggl 项目表单

最后的想法

您可以与 Zapier 和 WPForms 进行大量很酷的集成,这将帮助您在管理团队时节省时间。

如果您正在寻找更多项目管理技巧,这里有一种在 WordPress 中添加看板的非常巧妙的方法。

准备好构建您的 Toggl 项目表单了吗? 立即开始使用最简单的 WordPress 表单构建器插件。 WPForms Pro 包括免费的可定制模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,以获取更多免费的 WordPress 教程和指南。