在HubSpot頁面上設置和樣式表單
上次更新時間: 三月 20, 2023
套用至:
所有產品和版本 |
在HubSpot中建立表單後,您可以將其新增至HubSpot頁面上的任何表單模組。
在每個頁面上,您還可以設定表單提交後的操作,並自訂表單元素的樣式,例如提交按鈕和表單欄位。
請注意:設定和樣式變更僅適用於所選頁面上的表單模組,不會影響您在其他頁面上的表單。 但是,更新表單內容(例如表單欄位)將更新所有其他頁面上的表單,包括任何嵌入式表單或獨立表單頁面。
設定您的表格
若要在HubSpot頁面上設定表單,請按照以下步驟操作:- 在您的HubSpot帳戶中,前往您的登陸頁面或網站頁面。
- 將遊標停留在有表單模組的現有頁面上,然後按一下「編輯」,或建立新頁面。
- 在頁面編輯器中,按一下表單模組。
- 在左側面板的「內容」標籤頁上,自訂此頁面的表單設定:
- 表單標題:輸入表單的名稱。
- 選擇表單:選擇此頁面的表單。
- 若要使用現有的表單,請按一下下拉式選單,然後選擇一個表單。
- 若要建立和使用新表單,請按一下「操作」>「建立新表單」。 進一步了解如何設定表單
- 若要檢視此表單的提交資料,請按一下「操作」>「檢視表單提交資料」。
- 若要複製此表單,請按一下「操作」>「複製表單」。
- 若要查看使用所選表單的任何其他頁面,請按一下「操作」>「使用此表單的頁面」。
- 若要在表單編輯器中編輯表單,請按一下「操作」>「前往完整表單編輯器」。

自定義表單內容
若要編輯表單欄位、按鈕文字和GDPR設定,請按照以下步驟操作:
- 按一下以展開「表單內容」部分。
- 配置表單內容:
- 表單欄位: d rag和drop欄位以編輯表單中顯示的順序。 使用多列表單或自訂模組的一部分時,無法拖放表單欄位。 若要添加其他表單域:
- 按一下+ 新增另一個表單欄位。
- 按一下選擇屬性下拉式選單,然後使用搜尋列搜尋欄位。
- 按一下屬性以新增為表單欄位。
- 表單欄位: d rag和drop欄位以編輯表單中顯示的順序。 使用多列表單或自訂模組的一部分時,無法拖放表單欄位。 若要添加其他表單域:
-
- 按鈕文字:輸入要顯示在提交按鈕上的文字。
- GDPR選項:在下拉式選單中,選擇要顯示的通知和同意資訊。
- CAPTCHA (防止垃圾郵件) :點擊以切換CAPTCHA (防止垃圾郵件)開關以顯示Google的隱形reCAPTCHA。
請注意:更新您的表單內容將更新使用表單的任何其他頁面上的表單,包括任何嵌入式表單或獨立表單頁面。

配置提交後操作
若要設定表單提交後會發生什麼事:
- 按一下展開「感謝」部分。
- 在訪問者在提交表單部分後會看到什麼,配置您的提交後操作:
- 重定向到另一個頁面:在表單提交後將訪客重定向到另一個頁面。
- 按一下「重定向至其他頁面」。
- 按一下「重定向」連結下拉式選單,然後選擇現有的HubSpot頁面或輸入網址。
- 顯示內嵌感謝訊息:訪客提交表單後顯示訊息。 您可以在文本框中輸入感謝訊息。
- 重定向到另一個頁面:在表單提交後將訪客重定向到另一個頁面。
配置表單自動化
管理您的表單自動化,例如聯絡人建立和市場推廣電子郵件選項,以及與您的表單相關的任何工作流程。
若要設定表單自動化選項:
- 按一下以展開「表單自動化」部分。
- 配置以下自動化選項:
- 始終為電子郵件地址創建新聯絡人:每次使用新電子郵件地址提交表單時,都要創建新聯絡人記錄,無論表單提交的任何匹配的用戶代幣與現有聯絡人 。
- 將聯絡人設為行銷聯絡人:將通過此表單創建的任何聯絡人設為行銷聯絡人。
- 透過電子郵件跟進:向已提交表格的訪客發送跟進電子郵件。 跟進電子郵件只能發送給行銷聯絡人。
- 若要新增跟進電郵,請按照以下步驟操作:
- 按一下選擇電子郵件+。
- 在對話方塊中,按一下選擇電子郵件下拉式選單,然後選擇現有的自動電子郵件,或按一下建立新電子郵件以建立新的自動電子郵件。
- 按一下儲存。所選的跟進電子郵件將顯示在左側面板。
- 設定後續電子郵件後,在右上角點擊「發佈」或「更新」,即可實時執行這些變更。 在發佈變更之前,將不會啟用跟進電子郵件。
- 若要新增跟進電郵,請按照以下步驟操作:
- 始終為電子郵件地址創建新聯絡人:每次使用新電子郵件地址提交表單時,都要創建新聯絡人記錄,無論表單提交的任何匹配的用戶代幣與現有聯絡人 。
-
-
- 若要變更所使用的跟進電郵,請將遊標停留在電郵上,然後按一下電郵旁邊的鉛筆圖示 。
- 若要移除跟進電郵,請將遊標停留在電郵上,然後按一下電郵旁邊的X圖示。然後按一下「移除」。
-
請注意:
- 一旦工作流程附加到表單模組,它將立即更新工作流程註冊觸發器,即使頁面尚未發布或更新。
- 如果使用設定為在工作流程中註冊聯絡人的表單複製HubSpot頁面,則新的複製頁面上的表單提交將不會作為新的註冊觸發器添加到工作流中。

配置其他表單選項
您也可以設定其他設定,例如選擇表單通知收件人。 此外,如果您已安裝HubSpot-Salesforce整合,您也可以將表單與有效的Salesforce活動相關聯。
若要設定表單的其他選項:
- 捲動至左側面板底部,然後設定下列選項:
- 將表單通知發送到指定的電子郵件地址,而不是表單預設值:預設情況下,表單提交通知將發送到表單的選項標籤中新增的任何收件人。 若要覆寫 表單的預設收件人,並選擇在此頁面上提交內容的通知收件人:
- 按一下以切換將通知發送到指定的電子郵件地址,而不是開啟預設表單 。
- 按一下「電子郵件地址」下拉式選單,然後選擇收件人。 只有HubSpot用戶可以被選為表單通知收件人。
- 若要移除收件人,請按一下收件人電子郵件地址旁邊的X圖示。
- Salesforce廣告活動:如果您 啟用了Salesforce整合功能,您可以按一下下拉式選單並選擇一個廣告活動,將表單與有效的Salesforce廣告活動關聯 。 進一步瞭解如何將表單與Salesforce廣告活動關聯。
- 將表單通知發送到指定的電子郵件地址,而不是表單預設值:預設情況下,表單提交通知將發送到表單的選項標籤中新增的任何收件人。 若要覆寫 表單的預設收件人,並選擇在此頁面上提交內容的通知收件人:

在HubSpot頁面上設定表單樣式
若要自訂整體表單的樣式,或對提交按鈕或表單欄位進行特定的樣式變更:
- 在左側面板的頂部,按一下「樣式」標籤。
- 按一下「模組」、「欄位」或「按鈕」標籤,選擇表單中要設定樣式的元素。
- 使用以下文字和對齊選項自訂表單的選定元素。
- 按一下「發佈」或「更新」,即可即時將變更移至頁面。
相關內容
-
將影片新增至您的HubSpot內容
透過HubSpot影片,您可以上傳影片至檔案工具,然後將影片新增至頁面、行銷電子郵件、部落格文章和知識庫文章。 您可以將HubSpot影片插入影片模組中的拖放行銷電子郵件,並在頁面上拖放區域...
知識庫 -
匯出內容和資料
了解如何從帳戶匯出HubSpot內容和資料,例如頁面、聯絡人和檔案。 請注意:沒有辦法合併HubSpot帳戶之間的所有數據。 在帳戶之間移動資產的最佳方法是從HubSpot帳戶匯出數據,然後匯入物件和...
知識庫 -
使用非HubSpot表單
非HubSpot表單是外部網站上的HTML表單,並非在HubSpot中建立。 當您在外部頁面上安裝HubSpot跟蹤代碼或使用HubSpot WordPress插件時,...
知識庫