如何在WordPress中創建自定義表格


您想為WordPress網站製作自定義的Airtable表單嗎?

Airtable是一種數據管理工具,可讓您創建自己的自定義數據驅動的應用程序。 基本上,您可以使用網站上的表單收集數據,並將其用於製作電子表格,聯繫人列表,預訂日曆等。

在本文中,我們將向您展示如何在WordPress中創建自定義的Airtable表單。

在WordPress中創建自定義的Airtable表單

為什麼要在WordPress中創建自定義表格?

Airtable是一種數據管理工具,可讓您創建自定義數據驅動的應用程序。 您可以使用它來更好地可視化使用WordPress表單在您的網站上收集的數據。

例如,您可以在Airtable中將WordPress聯繫人表單數據用作CRM(客戶關係管理)工具。

它還可以用於管理WordPress表單捕獲的銷售線索。 您還可以使用它在網站上存儲來自用戶調查的數據。

基本上,您可以使用從Airtable中的WordPress聯繫人表單收集的數據來為您的業務創建自定義應用程序,工作流和工具。

話雖如此,讓我們看一下如何輕鬆地在WordPress中自定義Airtable表單。

在WordPress中創建自定義表格

在WordPress中創建我們的自定義Airtable表單。 我們將首先使用WPForms創建聯繫表單。

它是市場上最好的WordPress表單生成器插件,可讓您使用簡單的拖放界面輕鬆創建任何形式的表單。

之後,我們將使用名為Zapier的服務將表單連接到Airtable。

Zapier充當連接兩個不同應用程序而無需任何代碼的橋樑。 您可以將其與數十種在線應用程序一起使用,包括WPForms和Airtable。

準備? 讓我們開始吧。

在WPForms中創建表單

首先,您需要安裝並激活WPForms插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

注意:您需要使用Pro版本或更高版本才能訪問WPForms的Zapier插件。

激活後,轉到 WPForms»設置 頁面以輸入您的許可證密鑰。 您可以在WPForms網站上的帳戶下找到許可證密鑰。

輸入WPForms的許可證密鑰

接下來,您需要訪問 WPForms»添加新 WordPress信息中心中的頁面。 這將啟動WPForms構建器界面。

我們將使用一個簡單的聯繫表單模板,其中包括“公司”和“電話號碼”兩個附加字段。

WPForms表單構建器中的“與我們聯繫”表單以及其他字段

設置表單後,您需要將其添加到WordPress網站。 只需在要添加表單的地方編輯帖子或頁面。

在帖子編輯屏幕上,單擊(+)按鈕添加一個新塊。 之後,搜索WPForms塊並將其添加到您的內容區域。

將WPForms塊添加到您的頁面或帖子中

有關詳細說明,請參閱有關在WordPress中創建聯繫表單的分步指南。

將表單添加到網站後,繼續創建測試條目。 這將用於建立和檢查WPForms與Airtable之間的連接。

這是我們的測試條目,其中包含姓名,電子郵件,電話,公司名稱和消息:

通過聯繫表發送測試條目

準備連接WPForms和Zapier

我們將使用Zapier在WPForms和Airtable之間建立橋樑。 為此,您需要安裝並激活WPForms Zapier插件。

在您的WordPress信息中心中,轉到 WPForms»附加組件 頁面並找到Zapier插件。 然後,繼續安裝並激活它。

安裝WPForms的Zapier插件

現在,您需要轉到 WPForms»設置»集成 頁。 只需單擊此處的Zapier徽標,您就會獲得Zapier API密鑰。 您需要使用它來將Zapier連接到您的WPForms帳戶。

從WPForms獲取您的API密鑰以與Zapier一起使用

將API密鑰複製到安全的位置,或保持此選項卡處於打開狀態,因為在後續步驟中將需要它。

準備連接Airtable和Zapier

現在,您需要準備Airtable以通過Zapier與WPForms連接。 為此,您需要Airtable的API密鑰。 這使您可以將Airtable與Zapier連接。

只需創建一個Airtable帳戶或登錄到您現有的帳戶即可。 然後,單擊右上角的“帳戶”按鈕。 您將被帶到“帳戶”頁面,只需單擊“生成API密鑰”按鈕即可

生成Airtable API密鑰

生成密鑰後,您需要將其複制並粘貼到安全的位置,以便以後使用。

創建您的Zap以將數據從您的網站表單發送到Airtable

接下來,轉到Zapier網站。 在這裡,您需要創建一個免費帳戶或登錄現有帳戶。

在您的Zapier信息中心中,點擊左上角的“製作Zap”按鈕以啟動配置嚮導。

點擊按鈕開始製作zap

注意: 在Zapier中,“ zap”是具有觸發器和動作的過程。 我們的觸發器將是填寫表單的人,我們的行動將是在Airtable中創建記錄。

在屏幕頂部,您需要給zap命名,然後可以設置觸發器。

首先,在“選擇應用程序和事件”框中,在搜索欄中鍵入“ WPForms”。 之後,只需單擊出現的WPForms圖標:

選擇WPForms作為觸發應用程序

現在,將提示您選擇一個觸發事件。 將此設置保留為“ New Form Entry”,然後單擊“ Continue”按鈕。

選擇“新表格輸入”作為觸發事件

Zapier將要求您登錄WPForms。 只需單擊此處的“登錄WPForms”按鈕:

單擊按鈕登錄WPForms

現在,您應該看到一個彈出窗口。 您將需要輸入先前找到的API密鑰以及網站的URL(域名):

輸入來自WPForms的API密鑰和您網站的URL

完成此操作後,單擊“是,繼續”按鈕繼續。

接下來,將要求您從下拉列表中選擇您之前創建的表單。

從下拉列表中選擇要使用的表單

選擇正確的表格後,點擊“測試觸發器”按鈕。

單擊按鈕以測試zap的觸發器是否正常工作

然後,您應該看到一條消息,告訴您Zapier找到了一個測試條目。 來自此的數據將顯示在屏幕上:

Zapier應該找到您的測試條目並將其顯示在屏幕上

點擊“繼續”按鈕繼續。 現在,您進入了Zap的“動作”部分,您需要在其中選擇第二個應用程序。

啟動您的zap的“執行此操作”步驟

只需在下拉列表中輸入Airtable並選擇它即可。 然後,您將看到用於選擇動作事件的下拉列表:

選擇Airtable作為您的動作事件的應用程序

當某人在您的網站上填寫表單時,動作事件就是您想要發生的事情。 您需要在此處選擇“創建記錄”:

從下拉列表中選擇一個動作事件(創建記錄)

現在,Zapier將提示您登錄Airtable。 只需單擊“登錄到Airtable”按鈕,然後登錄。

點擊按鈕登錄您的Airtable帳戶

現在,您需要輸入之前獲得的Airtable API密鑰:

輸入您的Airtable API密鑰

現在,您將看到一個繼續按鈕。 只需單擊此按鈕即可繼續製作。

將Zapier帳戶連接到Airtable後,單擊以繼續

接下來,您需要選擇Base,Base是“數據庫”的縮寫。 您還需要選擇表格。 我們將以Sales CRM為基礎,並將新聯繫人添加到Contacts表中:

從下拉列表中選擇“基礎”,然後選擇“表”

現在,您需要告訴Zapier,WPForms表單中的哪些字段應與Airtable表中的哪些列相對應。

對於所有適用的字段,只需使用測試數據選擇正確的字段即可:

通過選擇應填充Airtable表哪一列的數據來自定義記錄

完成後,單擊“繼續”按鈕繼續。 Zapier現在將提示您使用測試數據將測試記錄發送到Airtable。 您將看到數據的預覽。

將測試數據發送到Airtable

點擊“測試並繼續”按鈕。 這會將測試數據發送到您在Airtable中選擇的表,從而創建一個新記錄:

單擊以測試和審查或測試並繼續

現在,您只需要單擊“完成編輯”按鈕即可完成創建快捷方式。

點擊“完成編輯”按鈕,完成創建zap

您可能要仔細檢查記錄是否已正確添加到Airtable中。 為此,只需轉到您的Airtable帳戶,打開Sales CRM基礎,然後打開Contacts表,然後檢查測試數據。

檢查添加到Airtable表的記錄

如果您需要更改任何內容,只需返回“自定義記錄”步驟,然後更改將哪些數據放入表的哪一列。

最後一步是通過單擊屏幕底部的滑塊來打開Zap。

打開你的zap

您的zap現在正在運行。 通過您所連接的表單的所有表單條目都將添加到您選擇的Airtable表中。

我們希望本文能幫助您學習如何在WordPress中創建自定義Airtable表單。 要進一步發展您的業務,請查看有關最佳商務電話服務和最佳商務網站插件的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。