如何在 WordPress 中創建 HubSpot 表單

您要添加 Hubspot 表單並將其添加到您的 WordPress 網站嗎?

HubSpot 是一個流行的一體化行銷平臺,旨在説明您發展業務,全球有超過 113,925 人在使用它。 Hubspot 還使您能夠為您的網站創建引人入勝的表單。

在本文中,我們將向您展示如何在 WordPress 中創建 HubSpot。

如何在 WordPress 中創建 HubSpot 表單

為什麼使用 HubSpot 建立表單

Hubspot 是一個説明公司成長的營銷和銷售平臺。 它配備了眾多工具,包括客戶關係管理員 (CRM )、內容管理系統 ( CMS )、內置電子郵件行銷和潛在客戶生成。

他們還有一個強大的WordPress 表單生成器,它與 WordPress 無縫集成,讓您可以輕鬆創建表單。

此表單生成器是一個簡單的拖放式產生器,使您無需一行代碼即可創建互動式表單,使其成為最好的聯繫表單外掛程式之一。

另請記住,HubSpot 還可以輕鬆地與其他表單工具集成,例如WPForms、Formidable Forms等。 話雖如此,讓我們看看如何在 WordPress 中創建 HubSpot 表單。

方法 1. 使用 HubSpot 外掛程式建立 HubSpot 表單

您可以使用HubSpot 外掛程式輕鬆地為您的WordPress 網站創建一個 HubSpot 表單。

首先,您需要安裝並啟動HubSpot 外掛程式。

啟動后,該外掛程式將添加一個新的功能表項 WordPress 管理側邊欄。 只需按下HubSpot即可進入設置精靈,您可以在其中創建一個 HubSpot 帳戶(如果您還沒有的話)。

如果您有帳戶,則需要按兩下頂部的「在此登錄」連結。

從儀錶板轉到 HubSpot,然後按兩下在此處登錄連結

這將打開一個「HubSpot 登錄」彈出視窗。

只需輸入您的使用者名和密碼,然後按下「登錄」 按鈕。

登錄到您的 HubSpot 帳戶

登錄后,HubSpot 會詢問您是否要繼續使用剛剛登錄的帳戶。

只需按下「繼續使用此帳戶」 按鈕。

按兩下繼續使用此帳戶按鈕

然後,系統會要求您將 HubSpot 帳戶與您的 WordPress 網站相關聯。

只需按兩下「連接網站」 按鈕。

按兩下連接網站按鈕

將 WordPress 網站與您的 HubSpot 帳戶連接後,從 WordPress 管理儀錶板轉到HubSpot » 表單。

這將帶您進入「表格」頁面。 現在,只需按下右上角的“創建自由表單”按鈕。

按兩下創建自由格式按鈕

接下來,您必須選擇表單類型,然後按兩下頂部的「下一步」 按鈕。

對於本教程,我們將創建一個「嵌入式表單」。

選擇表格類型

之後,您將被帶到 HubSpot 範本庫。

只需選擇您喜歡的範本,例如“註冊”或“聯繫我們”。 然後,只需按下頂部的“開始”按鈕。

選擇表單範本

現在您在表單編輯器上,您可以通過將欄位從左側拖放到右側的預覽中來編輯預製表單範本。

完成自定義后,按兩下頂部的“提交”按鈕。

創建一個表單並按下提交按鈕

這將打開一個“審查和發佈”彈出視窗。

只需向下滾動並按兩下「發佈」 按鈕。

按兩下提交按鈕

按兩下「發佈」按鈕後,螢幕上會出現一個彈出視窗。 由於這是嵌入式表格,因此將提供簡碼。

現在,只需按下短代碼旁邊的“複製”按鈕。

複製簡碼

您可以將此代碼嵌入到要新增 HubSpot 表單的任何頁面上。

方法 2. 使用 WPForms 建立 HubSpot 表單

您還可以使用WPForms創建 HubSpot 表單,因為此外掛程式帶有 HubSpot 集成外掛程式。 WPForms 是最受歡迎的拖放式 WordPress 表單生成器,活躍安裝量超過 500 萬。

請注意,您至少需要一個 WPForms Elite 許可證 才能存取 HubSpot 外掛程式

您需要做的第一件事是安裝並啟動 WPForms 外掛程式。

啟動後,從管理儀錶板轉到WPForms » Addons 。 這將帶您進入「WPForms Addons」頁面。

只需找到 HubSpot 外掛程式並按兩下立即升級按鈕。

按兩下 HubSpot 外掛程式下方的立即升級按鈕

這會將您帶到「WPForms 帳戶」頁面。 在這裡,只需向下滾動到“HubSpot Addon”並按兩下下載按鈕即可。

之後,您可以像安裝和啟動外掛程式一樣安裝和啟動 HubSpot 外掛程式。

按兩下下載 HubSpot 按鈕

接下來,從 WordPress 儀錶板轉到WPForms » 設置。 然後,轉到“集成”選項卡。

在這裡,您會在集成清單中找到 HubSpot。 只需按兩下箭頭圖示展開該部分,然後您可以按下「添加新帳戶」 按鈕。

選擇 HubSpot 進行整合

將打開一個提示,要求您連接到您的 HubSpot 帳戶。 只需輸入您的 HubSpot 帳戶登錄憑據。

如果您還沒有帳戶,則可以在此處創建一個。

登錄到您的 HubSpot 帳戶

接下來,系統會詢問您是否要繼續使用此帳戶。

只需按下「繼續使用此帳戶」 按鈕。

按兩下使用此帳戶繼續

之後,您將看到一個彈出視窗,要求您將 WPForms 與 Hubspot 連接。

按兩下頁面底部的「連接應用程式」 按鈕。

按兩下連接應用程式按鈕連接 WPForms 和 HubSpot

在您的 WordPress 儀錶板上,返回到“集成”螢幕。

您現在應該在 HubSpot 部分旁邊看到「已連接」。

HubSpot 標記為已連接

現在從儀錶板轉到WPForms » Add New以創建您的 HubSpot 表單。

首先,從 WPForms 範本庫中選擇一個表單範本。

從 WPForms 範本庫中為自己選擇一個範本

選擇範本後,您將進入 WPForms 介面,您可以在其中編輯表單範本。

現在,按下左側功能表欄上的“行銷”選項。 只需從集成清單中選擇“HubSpot”。

HubSpot 彈出視窗將出現在螢幕上。 只需按下頂部的「添加新連接」 按鈕。

按下添加新連接按鈕

WPForms 現在將提示您輸入連接暱稱。

您可以自由選擇您喜歡的任何名稱,因為除了您之外沒有人會看到它。 完成後只需按下確定按鈕。

選擇一個你喜歡的昵稱

WPForms 然後會要求您選擇您的 HubSpot 帳戶並選擇要執行的操作。 只需從「選擇帳戶」欄位中選擇您的帳戶。

然後從「要執行的操作」字段中選擇「創建/更新聯繫人」選項。

填充操作以執行欄位

選擇此選項后,各種新設置將出現在表單中。

相應地填寫這些欄位。

填寫其他欄位

接下來,您就可以在表單構建器中自定義您的表單了。

只需將左側的欄位拖放到右側的即時預覽中即可。

表單生成器中的表單

您可以在 HubSpot 帳戶中添加您想要收集和整理的任何資訊。

滿意后,按兩下表單構建器頂部的「嵌入」 按鈕。

按兩下嵌入按鈕

這將打開「嵌入頁面」 提示。

如果您想將 HubSpot 表單嵌入新頁面,請按兩下「創建新頁面」選項。

要在現有頁面上嵌入表單,請按下「選擇現有頁面」選項。

選擇現有頁面選項

之後,只需從出現的下拉清單中選擇正確的頁面。

現在按兩下「開始」 按鈕。

按兩下我們開始按鈕

您將自動轉到您從下拉功能表中選擇的頁面。 HubSpot 表單將已經嵌入其中。

只需按下內容編輯器頂部的「發佈」 按鈕即可將您的新表單發佈上線。

嵌入表單后點擊發佈按鈕
分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *