如何在 WordPress 表單中使用 Webhook

已發表: 2022-07-24

您在工作中使用了多少 Web 應用程序或服務? 在這些工具之間進行數據信息傳輸時,您應該採取什麼方法?

如果您正在使用 WordPress 並希望將數據直接發送到 Web 應用程序,只需嘗試使用 webhook。

如果您不知道 webhook 如何為您的工作服務,請密切關注本文。 我們將向您介紹 webhook 以及如何通過第三方插件在 WordPress 表單中使用它們。

  • 什麼是 Webhook?
  • 為什麼要使用 Webhook?
  • 如何在 WordPress 表單中使用 Webhook?
  • 通過 Webhooks 將 WPForms 連接到 Slack

什麼是 Webhook?

簡單地說,webhook 促進了兩個 web 應用程序之間的通信。 它可以幫助您自動將信息從 WordPress 表單發送到外部工具。 例如,您無需任何手動操作即可通過表單向您的 Slack 團隊更新新的購買信息。 這肯定會增加您的工作效率並為您節省大量時間。

從技術上講,Webhook 是由源系統觸發並發送到目標系統的 HTTP 請求。 如果您的網站上發生了事件或觸發器,則 webhook 會將有關該事件的所有信息傳送到連接的服務。 當然,這個過程是自動發生的。

為什麼要使用 Webhook?

作為會員網站所有者,我們確信您必須處理很多事情。 毫無疑問,手動輸入數據​​非常耗時。 是否可以估計將每條新訂閱者的信息從您的網站手動傳輸到管理軟件需要多長時間? 也許沒有人可以測量確切的持續時間,因為它可能會持續幾十個小時。

浪費時間只是一回事。 乏味的工作是另一個障礙。 很有可能,您不想花一整天時間輸入用戶數據。 為了使這更方便,webhook 是您的完美解決方案。

在同樣的情況下,webhook 也可以應用於電子郵件營銷軟件或支付網關。

為了使用 webhook,讓我們在下一個演練中找出我們的分步指南。

如何在 WordPress 表單中使用 Webhook

有很多方法可以在 WordPress 中創建 webhook 表單。 對於技術人員和非技術人員,我們建議使用 WPForms 插件,因為它確實提供了指定創建 webhook 的 Webhook 插件。 這些工具對初學者很友好。 甚至不需要編碼技能,只需單擊幾下即可啟用其功能。

第 1 步:安裝 WPForms 插件和 Webhook 表單插件

在安裝任何插件之前,請確保您已在 WordPress 網站上安裝並激活了 WPForms 插件。 只需轉到插件>添加新並在欄搜索中鍵入“WPForms”

ppwp-wp-forms-webhooks

接下來,您需要升級您的 WPForms 許可證以解鎖更多高級功能,包括附加組件。 驗證您的許可證後,請隨時安裝和激活 Webhooks 插件。

ppwp-wp-forms-webhooks-addon-wordpress

第 2 步:創建 Webhook 表單

首先,使用 WPForms 插件添加新表單或編輯現有表單。 轉到管理側邊欄中的WPForms並瀏覽到Forms Overview Page 。 然後,單擊Add New按鈕開始創建表單。

ppwp-wpforms-overview-add-new-form-webhook

在表單設置頁面上,您可以輸入或不輸入表單名稱。 您需要為表單生成器選擇模板。 但是,如果您想從頭開始,只需選擇Blank Form

ppwp-wpforms-name-your-form

表單完成後,轉到設置> Webhooks並打開啟用 Webhooks選項。 當然,這會在之後創建一個 webhook 表單。

ppwp-wpforms-啟用-webhooks

現在,您可以生成多個 webhook 並將它們與大量應用程序或服務連接起來。 例如,我們將指出將您的 webhook 與 Slack 連接的說明。 您可以將它們作為參考,以使用其他工具執行相同的操作。

通過 Webhooks 將 WPForms 連接到 Slack

如前所述,我們將在本節中向您介紹如何使用 webhook 將您的 WPForms 連接到 Slack。

第 1 步:創建新的 Slack 應用程序

首先,創建一個新的 Slack 應用程序,將您的 Slack 工作區團隊連接到 WordPress。 訪問 Slack API 頁面並單擊Create an App按鈕。

ppwp-slack-api

之後,將打開一個疊加層供您從兩個選項中選擇您希望如何配置您的應用程序:從頭開始或從應用程序清單。 在本教程中,我們希望使用從頭開始選項。

ppwp-slack-create-an-app

在下一步中,為應用程序命名並選擇一個工作區來開發您的應用程序。只要您完成了這兩個字段,您就可以創建應用程序了。

ppwp-slack-選擇工作區

單擊Basic Information頁面上的Incoming Webhooks選項,然後啟用Activate Incoming Webhooks 。 這樣,您就可以將來自外部來源的消息發佈到 Slack。

下一階段是設置 webhook URL 以從您的 WordPress 表單中獲取信息。 在您的工作區的 Webhook URL部分頁面上,單擊將新 Webhook 添加到工作區按鈕。

這會將您帶到另一個頁面,您可以在其中選擇一個 Slack 頻道(從下拉列表中)將您的消息發送到。 選擇目標頻道後,單擊允許

ppwp-允許-webhooks-slack

現在您返回上一頁,您可以在其中看到 Slack 應用程序的新 Webhook URL。 複製該 URL 以進行進一步的步驟。

ppwp-slack-webhooks

第 2 步:將 Slack Webhooks 添加到 WPForms

打開之前創建的 webhook 表單,並將 URL 粘貼到Request URL字段中,以將表單與 Slack 的 API 連接起來。 對於其餘的 webhook 設置,請隨意根據自己的喜好進行配置。

ppwp-slack-add-new-webhooks-wordpress-form

由於所有設置都是針對 webhook 請求完成的,因此請記住通過單擊“保存”按鈕來保存更改。

第 3 步:在您的 WordPress 網站上發布 Webhooks 表單

您需要在頁面上添加 webhook 表單,以便數據可以自動同步到您的 Slack 頻道。

在您的 WordPress 管理儀表板上,轉到Pages > Add New並在塊編輯器屏幕中搜索“WPForms” 。 將 WPForms 添加到您的頁面後,將彈出一個下拉菜單供您選擇 webhook 表單。

ppwp-wpforms-select-wordpress-webhook-form

隨後,單擊右上角的發布按鈕,在您的站點上發布包含 webhook 表單的頁面。

如果您使用的是 WordPress 經典編輯器,請使用編輯器中的添加表單按鈕在您的頁面上添加 webhook 表單。

ppwp-wpforms-add-webhook-form-wordpress

發布 webhook 表單後,當您的網站提交表單時,您將收到 Slack 通知。

使用 Webhook 將您的 WordPress 表單與其他應用程序連接起來

借助 webhook URL,您可以輕鬆使用 WPForms 連接到各種應用程序和服務。 這種方法的一大優勢是您可以完全控制要交付和發送到其他應用程序的數據。

不可否認,webhook 是可用的,支持您自動將信息從 WordPress 表單發送到外部應用程序。 這可以為您節省大量工作,同時提高您的工作生產力和效率。

不要猶豫,盡快使用 webhook。 您一定會驚訝於它們對您的工作有多麼驚人。