建立並自訂表單

使用 HubSpot 表單向訪客收集資訊，並在您的 CRM 中建立或更新記錄。捕捉潛在客戶、蒐集客戶資訊，並觸發後續行動，例如發送電子郵件或將聯絡人加入受眾群組

。

例如，在著陸頁上新增一個表單，用以收集電子報的電子郵件地址。接著，在訪客提交表單後，發送一封自動化的後續電子郵件。

建立表單

建立表單以收集訪客資訊，並將其資料記錄至 CRM 中。 

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 若要將表單與特定品牌關聯，請點擊您的 個人頭像，導航至「品牌」，然後選取 品牌 。進一步了解如何將資產與品牌關聯。 
3. 在右上角，點擊「建立表單」。
4. 選擇「 表單編輯器」，然後點擊「下一步」。 
5. 瀏覽至現成範本，並點擊「使用範本」。若要建立自己的表單，請使用「從空白範本開始」。 

向表單新增欄位

表單欄位用於收集訪客資訊，並將其儲存至特定的 CRM 屬性中。欄位所連結的屬性將決定資料儲存於哪個物件上（例如：聯絡人或公司）。舉例來說，若將欄位連結至預設的公司屬性「公司名稱」，系統可能會建立或更新公司記錄，並將其與該聯絡人建立關聯。

1. 在表單編輯器的左上角，點擊 + 新增圖示。
2. 在 「欄位」 面板中，點擊並拖曳 欄位類型 拖曳至表單上。
3. 在「編輯欄位」面板中，將該欄位連接到現有或新的屬性：
   • 現有屬性： 搜尋並選取現有屬性，以將欄位與其連結。
   • 新屬性： 點擊「建立新屬性」。在右側面板中設定您的屬性，然後點擊「建立屬性」。

建立完成後，新屬性會自動與所選的表單欄位建立連結。在屬性設定中，「顯示於表單和聊天流程中」選項預設為已選取。瞭解如何管理您的屬性。

編輯表單欄位選項

將欄位新增至表單後，請編輯該欄位的選項： 

1. 在表單編輯器中，點選您要編輯的欄位。 

2. 在「編輯欄位」面板中，導航至「欄位選項」區段。以下選項可能會因欄位的屬性類型而有所不同：
   • 說明文字：顯示於欄位標籤下方的資訊文字。
   • 佔位文字： 在輸入前顯示於欄位內的文字 。當訪客在欄位中輸入值時，佔位文字會自動清除。即使欄位保持空白，該值也不會包含在提交資料中。
   • 預設值： 除非訪客進行變更，否則該欄位預設會提交的值 。
   • 隱藏欄位：啟用此選項時，該欄位的值將透過表單提交設定，但訪客將無法看見該欄位。啟用此設定後，請設定表單提交時將傳入該屬性的預設值。
   • 必填欄位：啟用此選項後，必須填寫該欄位才能提交表單。若表單欄位已設定為必填，則無法將其設為隱藏欄位。

新增文字、媒體、安全性及隱私權元素

透過新增文字、圖片和標題來自訂您的表單。進一步了解如何在表單中新增資料隱私權與同意選項，以及reCAPTCHA。 

1. 在表單編輯器的左上角，點擊 + 新增圖示。
2. 在左側面板中，點擊「其他」。
3. 點擊並拖曳文字和媒體元件 至表單上。 
4. 設定各元素：
   • 圖片：點擊「上傳」 或 「瀏覽圖片」 以新增圖片，或點擊「 產生」 以使用 Breeze 建立內容。
   • 標題：在表單欄位中輸入標題文字。
   • 富文本：在表單欄位中輸入文字。若要編輯文字樣式， 請在左側面板中 點選「 在擴展檢視中編輯 」。 

建立多步驟表單

使用多步驟表單可將冗長的表單拆分為較小的步驟，並提高完成率

。

每個表單最多可新增20 個步驟。

若在多步驟表單中使用必填欄位，系統將提示訪客先填寫該必填欄位，才能繼續進行至下一步驟。

要新增表單步驟：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。

2. 建立新表單，或將游標懸停在現有表單上並點擊「編輯」。
3. 在右側面板中，將游標懸停於兩個現有步驟之間，然後點擊「+ 新增」圖示。此時會出現一個新的步驟區塊。接著，您可以在步驟面板中設定表單欄位及其他表單元素。

4. 若要重新排列步驟的順序，請將游標懸停在該步驟上。接著，在步驟左上角點擊並拖曳「步驟 [x]」以 調整其位置。
5. 若要複製步驟，請將游標懸停在該步驟上，並點擊「複製」圖示。包含電子郵件、reCAPTCHA 或資料隱私權欄位的步驟無法複製。
6. 若要刪除步驟，請將游標懸停在該步驟上，並點擊刪除圖示。

顯示進度條

進度條可直觀地顯示使用者已完成表單的進度，從而提高表單完成率。

要啟用進度條：

1. 在表單編輯器中，將游標懸停於表單步驟上，然後點擊編輯圖示。
2. 在「編輯步驟」面板中，將「進度條」開關切換為開啟狀態。進度條將新增至所有表單步驟。 
3. 在 「格式」 區段中，選擇 進度指標 （即百分比或步驟數）。

自訂表單確認訊息或重新導向

當訪客提交表單時，顯示感謝訊息，或將訪客重新導向至某個頁面、會議連結或付款連結。 

1. 在表單編輯器的左上角，點擊「網站樹狀圖」圖示（siteTreeIcon）。 
2. 在左側面板中，點擊「提交時」。您也可以在編輯器中點擊表單步驟。 
3. 在「選項」分頁中，選擇表單提交時要顯示的內容：
   • 顯示感謝訊息：將游標懸停在預設的感謝訊息上，然後點擊編輯圖示以新增或編輯文字。 
     • 若要在展開的富文本編輯器中編輯感謝訊息，請在左側面板的「富文本」下方，點擊「在展開視圖中編輯」。 
   • 重新導向至頁面、網址、會議或付款連結：當訪客提交表單時，將其重新導向至 HubSpot 頁面、會議連結、付款連結或特定網址。 
     • 點擊「重定向至頁面、URL、會議或付款連結 」下拉式 選單，然後選擇您的重定向內容或輸入特定 URL。 

若要設定條件邏輯，根據訪客的表單回覆將其重定向至特定頁面，請參閱如何新增條件邏輯。

套用條件邏輯 

條件邏輯會根據訪客的回覆內容，顯示或隱藏表單元素，或將訪客重新導向至特定頁面。這有助於您為訪客打造更個人化且切合需求的表單體驗。例如，當訪客選擇特定選項時，您可以顯示額外的欄位；或根據訪客的回答，將其重新導向至不同的頁面。

使用條件邏輯可：

• 顯示或隱藏表單欄位、文字、圖片或標題。
• 在多步驟表單中顯示或隱藏表單步驟。
• 在表單提交後將訪客重新導向。

條件邏輯無法套用至 reCAPTCHA 或資料隱私元素。每個表單最多可新增 100 條規則，每條規則可包含 10 個條件。

在表單中設定條件邏輯

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單 或將游標懸停於現有表單上，然後點擊「編輯」。
3. 在表單編輯器的左上角，點擊工作流程 邏輯圖示。
4. 在側邊欄編輯器中，點擊「新增邏輯」。

設定條件邏輯規則

1. 在「 規則」區段中，設定您的條件邏輯規則。例如，若您依「城市」篩選並選擇「為都柏林」，則該條件 邏輯規則僅適用於值為「都柏林」的記錄。
   
2. 若要刪除篩選條件，請點擊刪除圖示。
3. 若要複製篩選條件，請點擊複製 圖示。
4. 若要向規則新增其他篩選條件，請點擊「新增篩選條件至此群組」。
5. 若要向規則新增群組，請點擊 「新增群組」。
6. 若您已在規則中新增多個篩選條件或群組，請點擊篩選條件與群組之間的「AND OR」下拉式選單，以套用「AND」或「OR」邏輯：
   • 「AND」：規則中的所有篩選條件都必須為真，該規則才會被觸發。
   • OR：該群組中僅需一個篩選條件為真，規則即會觸發。 進一步了解「AND」或「OR」邏輯。

設定符合規則時的動作

設定完條件邏輯規則後，請選擇當規則條件成立時要執行的動作。

請注意： 「 跳至步驟 」表單動作已標記為即將淘汰。若您的表單目前正使用條件邏輯來跳過表單步驟，現有邏輯將繼續隱藏您的表單步驟。編輯現有表單的邏輯時，建議將「 跳至步驟」 動作 替換 為「 隱藏步驟」 或 「顯示步驟」。

1. 在「然後」區段中，點擊下拉式選單以選取表單上的動作：
   
   • 顯示欄位：若使用者的回覆符合您在規則中設定的條件，則顯示特定欄位、富文本模組、標題或圖片。
   • 隱藏欄位：若使用者的回答符合您在規則中設定的條件，則隱藏特定欄位、富文本模組、標題或圖片。
   • 跳至步驟（已廢棄）：若使用者的回答符合您在規則中設定的條件，則跳至特定步驟。若要使用此動作，您的表單必須包含三個或更多步驟。進一步了解如何新增表單步驟。
   • 隱藏步驟：若訪客符合條件，表單步驟將對其隱藏。要使用此動作，您的表單必須包含兩個或更多步驟。 
   • 顯示步驟：僅當訪客符合條件時，才會向其顯示表單步驟。若訪客不符合條件，所選步驟將在表單中保持隱藏狀態。若要使用此動作，您的表單必須包含兩個或更多步驟。
   • 重新導向至：若訪客的回覆符合您在規則中設定的條件，即可將其重新導向至 HubSpot 頁面、外部網址或付款連結。位於 Sales HubEnterprise或 Service Hub Enterprise帳戶的用戶，可將表單重新導向至排程頁面上的會議連結。 
2. 請根據所選的操作，填寫所需欄位。
3. 完成規則設定後，請點擊「 儲存並啟用」。

設定表單樣式

若要建立符合您品牌形象的表單，請自訂表單的外觀，包括欄位、按鈕和背景。 

請注意： 在表單編輯器中無法將表單設定為原始 HTML。僅有使用舊版編輯器建立的表單才能設定為原始 HTML。

若要自訂表單樣式：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單，或將游標懸停於現有表單上並點擊「編輯」。
3. 在左側，點擊「樣式」圖示。

4. 在自訂「文字」、「輸入欄位」或「按鈕」時，可透過「快速欄位輸入樣式」從現有樣式中選擇。或者，您也可以手動自訂表單中每個元件的樣式：
   • 欄位：自訂 欄位，包括背景與邊框。您亦可自訂標籤的字型、字型大小及顏色，以及說明文字、佔位符和錯誤訊息的顏色。
   • 按鈕：自訂按鈕的高度、圓角、背景、漸層，並為按鈕新增陰影效果。您亦可自訂按鈕文字的字型、字型大小及顏色。
   • 段落（富文本）：自訂正文文字的字型、字型大小及顏色。
   • 標題：自訂 標題的字型與文字顏色。您可以選擇為標題文字添加陰影。
   • 背景：自訂表單及表單步驟的背景。您可以選擇設定背景顏色或使用圖片作為背景。您可使用AI 助理來生成圖片。您也可以選擇為表單設定邊框。
   • 進度條：自訂表單上的進度條，包括進度線的顏色及進度條的字型。

編輯步驟佈局與背景橫幅

使用快速佈局切換器從預設的步驟佈局中選擇，並自訂表單背景橫幅。

1. 在表單編輯器中，將游標懸停於表單步驟上，並點擊右上角的編輯圖示。
2. 在左側面板中，點擊「樣式」標籤頁並選擇一個步驟佈局。
3. 若要移除該佈局，請點擊右上角的「移除佈局 」。

4. 在「 」的「橫幅背景」區段中， 開啟「背景顏色」 開關以自訂表單的背景顏色。
5. 選擇顏色和不透明度。
6. 點擊「漸層」下拉式選單 以新增漸層。
7. 若要使用圖片作為橫幅背景，請點擊 上傳 或 瀏覽圖片 以新增圖片，或點擊「 透過 AI 生成」以使用 Breeze 生成內容。 

自動化後續動作

表單提交後，可使用簡易工作流程來發送電子郵件、通知使用者，或將聯絡人新增至受眾群組。進一步了解如何在表單中使用自動化功能。

要在表單編輯器中建立簡易工作流程：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單 或將游標懸停於現有表單上，然後點擊「編輯」。
3. 在表單編輯器中，點擊「設定」>「自動化 工作流程」 的自動化圖示。

4. 在 「表單提交後的自動化處理」 區段中：

   • 若要在每次表單提交後自動觸發後續電子郵件，請在「表單提交後發送電子郵件」下方，點擊「建立此工作流程」。
   • 若要從空白範本建立自己的工作流程，請在「建立您自己的簡單工作流程」下方，點擊「建立新工作流程」。在右側滑出式面板的「何時觸發動作」下方，選擇「聯絡人提交了表單」此選項。
5. 若要新增其他工作流程動作，請點擊「+」加號圖示。
6. 若要啟用工作流程，請在工作流程名稱旁邊將開關 切換至開啟狀態 。接著，點擊「明白了」。

設定表單設定

表單設定用於控制聯絡人的建立方式，以及表單提交後如何通知使用者。您可以透過這些設定來管理聯絡人的建立、通知、語言偏好設定等。表單選項會根據您的 HubSpot 訂閱方案而有所不同。

若要在表單編輯器中存取設定：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單 或將游標懸停於現有表單上，然後點選「編輯」。
3. 在表單編輯器中，點擊設定圖示。
4. 使用左側面板中的分頁來設定表單選項。

設定一般表單設定

使用「一般」分頁來設定聯絡人的建立方式、啟用表單縮短功能，並將表單與行銷活動關聯。 

• 從未知電子郵件地址自動建立新聯絡人： 選取此選項，系統將針對每個包含唯一電子郵件地址的表單提交，建立新的聯絡人記錄。若提交的電子郵件地址與您資料庫中的現有聯絡人記錄相符，系統將更新該現有記錄的詳細資料。
  • 若此選項關閉，HubSpot 將首先嘗試根據提交的電子郵件地址，將表單提交與現有聯絡人建立關聯。若該電子郵件地址對應的聯絡人不存在，HubSpot 將根據瀏覽器中的 Cookie 來識別並更新您的聯絡人。若從同一裝置多次提交相同表單，可能會導致聯絡人資料被覆寫。
    
  • 若啟用此選項，HubSpot 將不會使用現有的瀏覽器 Cookie 將表單提交與先前追蹤過的聯絡人進行關聯。「為回訪訪客預先填入表單欄位」及 「新增重設表單連結」這兩項選項也會自動關閉。
• 將新聯絡人設為行銷聯絡人：若您的 HubSpot 帳戶具有行銷聯絡人的存取權限，系統將自動將所有提交表單的聯絡人設為行銷聯絡人。這包括新聯絡人和現有聯絡人。
• 為回訪訪客預先填入表單欄位：若某聯絡人先前曾造訪您的網站並提交過表單，且 HubSpot 已成功儲存並追蹤其 Cookie，則表單中任何已知的欄位值均可預先填入。此選項預設為開啟狀態。進一步了解表單欄位的預先填入功能。

• 表單縮短：透過自動隱藏可透過資料豐富化填入的表單欄位，來縮短您的表單。進一步了解表單縮短功能。
• 新增表單重設連結：若您已啟用「為回訪訪客預先填入表單欄位」功能，亦可於表單中新增重設連結。啟用此選項後，訪客可點擊表單上的「不是您嗎？點擊此處重設」以清除所有預先填入的表單欄位。當表單被重設時：
  • 該特定表單提交的 Cookie 追蹤功能將會關閉。任何現有的追蹤 Cookie 均不會被覆寫。 
  • 若電子郵件地址與現有聯絡人記錄不符，表單提交將為該電子郵件地址建立新的聯絡人記錄。 

• 新增至行銷活動：若您擁有Marketing Hub Professional 或 Enterprise訂閱方案，即可將表單與行銷活動關聯：
  • 若要將表單與現有活動關聯，請點擊「活動」下拉式選單並選擇一個活動。
  • 若要將表單與新活動關聯，請點選「活動」下拉式選單，然後點選「建立活動」。接著，繼續設定您的活動。

• 提交時更新聯絡人與公司的生命週期階段： 請點選「設定生命週期階段為」下拉式選單，並選擇一個生命週期階段。當訪客提交表單時，任何新建立或現有的記錄都將被設定為所選的生命週期階段。
  • 您無法將記錄的生命週期階段倒退。若生命週期階段較晚的現有聯絡人或公司提交表單，其生命週期階段將不會更新。
  • 表單中設定的生命週期階段將覆寫您在 HubSpot 設定中所配置的預設生命週期階段 。

設定表單提交與通知設定

在「提交設定」分頁中 ，可設定當表單提交時如何通知使用者，並管理被封鎖的電子郵件網域。

• 通知聯絡人擁有者：自動向 聯絡人擁有者發送通知。若聯絡人無擁有者，則不會發送任何通知。進一步了解HubSpot 中的物件擁有權。
• 新增需通知的使用者：在 下拉式選單中，勾選應在表單提交時收到通知的使用者或團隊旁的核取方塊，無論聯絡人所有權歸屬為何。若在表單編輯器中設定了收件者，該設定將被 HubSpot 頁面中表單模組所設定的收件者所覆寫。

• 要封鎖的電子郵件網域：輸入要封鎖的特定電子郵件網域，以阻止其提交表單。例如，若要封鎖來自email@domain.com 的提交，可新增 domain.com。若要封鎖所有免費電子郵件服務提供者的提交，請開啟「封鎖免費電子郵件服務提供者」開關。

將表單連接到收件匣或客服系統

在「服務單」分頁中 ，將表單連線至收件匣或服務台，即可在每次表單提交時建立一則服務單。 

若要將表單連線至收件匣或客服系統：

1. 切換 「將此表單連接到收件匣或服務台」 開關。

2. 在對話方塊中，點選 下拉式選單 ，並選擇一個 收件匣 或 服務台，然後點擊 「連線」。

設定語言與翻譯設定

在「語言與地區」分頁中 ，設定預設語言並管理表單的 AI 翻譯。 

• 主要語言：點擊下拉式選單並 選擇預設 語言 。錯誤訊息、預設屬性的標籤、說明文字、佔位符文字及預設值都將被翻譯成此語言。
• 重新翻譯內容： 若您自上次翻譯後已更新表單，請點擊 「立即重新翻譯」以更新翻譯內容。

預覽表單

在發佈前預覽表單，以測試訪客所見的外觀與運作方式。表單預覽會呈現訪客實際使用表單的體驗，包括多步驟導覽、條件邏輯及必填欄位。這有助於您確認版面配置、驗證邏輯，並檢視潛在客戶擷取流程，且無需產生任何提交資料。

要預覽表單：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單，或將游標懸停在現有表單上並點擊「編輯」。
3. 在表單編輯器的右上角，點擊「預覽」。預設情況下，表單將以桌面預覽模式開啟。
4. 若要在不同裝置類型上預覽表單，請點擊頂部的平板 電腦圖示或行動裝置圖示。
5. 若要預覽多步驟表單中的特定步驟，請在左上角點擊「預覽步驟」下拉式選單，然後選擇您 要檢視的步驟 。

6. 若要在新分頁中預覽表單，請在右上角點選「在新分頁中開啟」。
7. 若要與協作者分享預覽內容，請在右上角點擊「複製連結」。
8. 若要測試訪客行為，請在預覽模式下填寫表單欄位或依序完成表單步驟。預覽模式下無法提交表單，也不會收集任何提交資料。
9. 若要返回表單編輯器，請在左上角點擊「退出預覽」，接著繼續 編輯或發佈您的表單。

請注意：若您使用表單縮短功能，表單預覽初期僅會顯示「電子郵件」欄位。待訪客輸入電子郵件地址後，系統會檢查資料豐富化資訊，以決定需顯示哪些額外欄位。

發佈與分享表單

建立新表單或更新表單後，您需要更新表單才能讓變更生效。接著，您可以將表單嵌入 HubSpot 頁面或 CTA 中。若您的內容託管於 HubSpot 以外的網站，您可以複製表單嵌入程式碼，或使用分享連結來分享獨立的表單頁面。

要發佈並分享您的表單：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「表單」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「表單」。
2. 建立新表單，或將游標懸停在現有表單上並點擊「編輯」。
3. 在右上角，點擊「檢視與更新」以 發佈表單更新。
4. 在右側面板底部，點擊「更新」。 
5. 若要嵌入或分享表單，請選擇以下其中一個選項：
   
   • 透過 HubSpot 嵌入：將 表單嵌入 HubSpot CMS 網站頁面、著陸頁，或搭配 HubSpot 行動呼籲 (CTA) 使用。
     • 在「選擇將表單嵌入 HubSpot 網站或著陸頁，或透過 HubSpot 行動呼籲 (CTA) 嵌入」區段中 ，選擇一個內容選項。 
     • 點擊下拉式選單，並選擇要嵌入表單的目標頁面或 CTA。
   • 取得嵌入程式碼：使用嵌入功能將表單新增至外部託管的頁面。若要追蹤外部頁面上的表單分析數據，該頁面必須已安裝 HubSpot追蹤程式碼。進一步了解如何將 HubSpot 表單新增至外部網站。
     • 在頁面底部，點擊「複製」。
     • 將嵌入程式碼貼上至您頁面的 HTML 模組中。
   • 複製分享連結：使用網址將表單作為獨立頁面分享。

1. 1. • 點擊「複製」將表單頁面的網址複製到剪貼簿。
      • 在瀏覽器中開啟新視窗或新分頁，並將 表單頁面的網址貼上至網址列以載入該頁面。您也可以直接將表單頁面的網址分享給他人，讓他們能夠存取該表單。

下一步 

• 分析表單提交資料。

• 應用案例：提高表單轉換率。