如何從 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 教程和指南。