跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

在HubSpot頁面上設置和樣式表單

上次更新時間: 三月 20, 2023

套用至:

所有產品和版本

在HubSpot中建立表單後,您可以將其新增至HubSpot頁面上的任何表單模組

在每個頁面上,您還可以設定表單提交後的操作,並自訂表單元素的樣式,例如提交按鈕和表單欄位。

請注意:設定和樣式變更僅適用於所選頁面上的表單模組,不會影響您在其他頁面上的表單。 但是,更新表單內容(例如表單欄位)將更新所有其他頁面上的表單,包括任何嵌入式表單或獨立表單頁面。 

設定您的表格

若要在HubSpot頁面上設定表單,請按照以下步驟操作:
  • 在您的HubSpot帳戶中,前往您的登陸頁面或網站頁面
  • 將遊標停留在有表單模組的現有頁面上,然後按一下「編輯」,或建立新頁面
  • 在頁面編輯器中,按一下表單模組。
  • 在左側面板的「內容」標籤頁上,自訂此頁面的表單設定:
    • 表單標題:輸入表單的名稱。
    • 選擇表單:選擇此頁面的表單
      • 若要使用現有的表單,請按一下下拉式選單,然後選擇一個單。 
      • 若要建立和使用新表單,請按一下「操作」>「建立新表單」。 進一步了解如何設定表單
      • 若要檢視此表單的提交資料,請按一下「操作」>「檢視表單提交資料」。
      • 若要複製此表單,請按一下「操作」>「複製表單」。
      • 若要查看使用所選表單的任何其他頁面,請按一下「操作」>「使用此表單的頁面」。
      •  若要在表單編輯器中編輯表單,請按一下「操作」>「前往完整表單編輯器」。


自定義表單內容

若要編輯表單欄位、按鈕文字和GDPR設定,請按照以下步驟操作:

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

請注意:更新您的表單內容將更新使用表單的任何其他頁面上的表單,包括任何嵌入式表單或獨立表單頁面




配置提交後操作 

若要設定表單提交後會發生什麼事:

  • 按一下展開「感謝」部分。
  • 在訪問者在提交表單部分後會看到什麼,配置您的提交後操作: 
    • 重定向到另一個頁面:在表單提交後將訪客重定向到另一個頁面。
      • 按一下「重定向至其他頁面」。
      • 按一下「重定向」連結下拉式選單,然後選擇現有的HubSpot頁面或輸入網址。
    • 顯示內嵌感謝訊息:訪客提交表單後顯示訊息。 您可以在文本框中輸入感謝訊息。

配置表單自動化

管理您的表單自動化,例如聯絡人建立和市場推廣電子郵件選項,以及與您的表單相關的任何工作流程。

若要設定表單自動化選項: 

  • 按一下以展開「表單自動化」部分。
  • 配置以下自動化選項:
    • 始終為電子郵件地址創建新聯絡人:每次使用新電子郵件地址提交表單時,都要創建新聯絡人記錄,無論表單提交的任何匹配的用戶代幣與現有聯絡人 。 
    • 將聯絡人設為行銷聯絡人:將通過此表單創建的任何聯絡人設為行銷聯絡人
    • 透過電子郵件跟進:向已提交表格的訪客發送跟進電子郵件。 跟進電子郵件只能發送給行銷聯絡人。
      • 若要新增跟進電郵,請按照以下步驟操作:
        • 按一下選擇電子郵件+。
        • 在對話方塊中,按一下選擇電子郵件下拉式選單,然後選擇現有的自動電子郵件,或按一下建立新電子郵件以建立新的自動電子郵件
        • 按一下儲存。所選的跟進電子郵件將顯示在左側面板。 
        • 設定後續電子郵件後,在右上角點擊「發佈」或「更新」,即可實時執行這些變更。 在發佈變更之前,將不會啟用跟進電子郵件。 
      • 若要變更所使用的跟進電郵,請將遊標停留在電郵上,然後按一下電郵旁邊的鉛筆圖示 。 
      • 若要移除跟進電郵,請將遊標停留在電郵上,然後按一下電郵旁邊的X圖示。然後按一下「移除」。  
    • 連線工作流程:將顯示使用表單作為註冊觸發器的任何工作流程和簡單工作流程。 進一步瞭解如何使用自動化表單。 
      • 若要將表單用作工作流程的觸發器,請按一下將表單新增至工作流程或將表單新增至其他工作流。 
        • 按一下將表單新增至工作流程。
        • 選擇現有的工作流程,或按一下建立新工作流程以建立新工作流程。 如果您建立新的工作流程,請設定您的工作流程,然後返回到您的著陸頁面或網站頁面上的表單模組。 
      • 若要新增其他工作流程,請按一下將表單新增至其他工作流程,然後選擇現有的工作流程,或按一下建立新工作流程。
      • 若要移除作為工作流程觸發器的表單,請將鼠標懸停在工作流程上,然後按一下工作流程旁邊的刪除圖示 。  
當在表單模組的自動化設定中新增工作流程時,相應的表單提交註冊觸發器將新增至工作流程。 在此處移除工作流程也會將其從工作流程的註冊觸發器中移除。 如果使用的表單註冊觸發器未指定頁面,則無法從頁面中移除觸發器,而必須從工作流程中移除。 

請注意:

  • 一旦工作流程附加到表單模組,它將立即更新工作流程註冊觸發器,即使頁面尚未發布或更新。 
  • 如果使用設定為在工作流程中註冊聯絡人的表單複製HubSpot頁面,則新的複製頁面上的表單提交將不會作為新的註冊觸發器添加到工作流中。 





配置其他表單選項

您也可以設定其他設定,例如選擇表單通知收件人。 此外,如果您已安裝HubSpot-Salesforce整合,您也可以將表單與有效的Salesforce活動相關聯。

若要設定表單的其他選項:  

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

在HubSpot頁面上設定表單樣式

請注意:出現在HubSpot頁面上的表單只能逐頁自訂樣式。 外部頁面或獨立表單頁面上的嵌入式表單必須在表單編輯器中樣式化,或在外部樣式表中使用CSS樣式化。

 

若要自訂整體表單的樣式,或對提交按鈕或表單欄位進行特定的樣式變更:

  • 在左側面板的頂部,按一下「樣式」標籤。
  • 按一下「模組」、「欄位」或「按鈕」標籤,選擇表單中要設定樣式的元素。 
  • 使用以下文字和對齊選項自訂表單的選定元素。
  • 按一下「發佈」或「更新」,即可即時將變更移至頁面。

 

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助