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

建立和編輯表單

上次更新時間: 2026年4月1日

可搭配下列任何訂閱使用,除非另有註明:

使用表單編輯器建立並運用表單,以收集訪客資訊並儲存至您的 HubSpot CRM。使用表單編輯器時,您可以建立多步驟表單。接著

,可

針對表單進行樣式設計,以體現您企業的形象與品牌風格。

建立表單後,您可以透過 HubSpot 表單模組將其新增至 HubSpot 頁面,或使用表單嵌入程式碼將其新增至外部網站,亦可透過分享連結將其作為獨立頁面分享。

需要權限 需具備表單權限,方可檢視、建立或編輯表單。

了解限制與注意事項

建立新表單


建立新表單的方法:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 在右上角,點擊「建立表單」。
  3. 選擇「 表單編輯器」。
  4. 在右上角,點擊「下一步」。
  5. 選擇現成範本,或若要自行建立,請選擇「從空白開始」範本。
  6. 在頂部,點擊編輯 圖示來 編輯表單名稱。

新增與編輯表單欄位

新增表單欄位以收集網站訪客及聯絡人的資訊。每個表單欄位都必須與 HubSpot 屬性相關聯。要新增表單欄位:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單 或將滑鼠懸停在現有表單上並點擊「編輯」。
  3. 在左上角,點擊「+新增圖示
  4. 在左側面板中,點擊並將欄位類型拖曳至右側的表單預覽區,即可將其加入表單。欄位可放置在其他欄位上方、下方或旁邊。
  5. 新增「電話號碼」欄位時,國家代碼預設會根據訪客裝置的 IP 位址自動設定。無法手動設定預設的國家代碼。
  6. 在右側面板中,點擊並輸入欄位標籤。輸入欄位標籤時,系統會顯示一組相似的現有屬性清單。
    • 在「將欄位連接到屬性」對話方塊中 ,請點選建議的屬性
    • 若要將表單欄位連結至其他屬性,請點擊「搜尋屬性」。

A gif showing the steps to add a single-line text field to a form and connect it to a contact property.

  1. 若要新增已連結的屬性,請在左側面板中點擊以展開「已連結的屬性」區段。點擊您要與表單欄位連結的屬性
  2. 若要將現有屬性用作表單中某欄位的關聯屬性,請 使用搜尋列搜尋 現有屬性。新增欄位的物件類型將決定表單提交是否會顯示在相關記錄的活動時間軸上。

請注意:

 

The form editor, highlighting the option to create a new property when adding a field to your form.

  1. 若要建立新屬性,並將其作為表單欄位的關聯屬性使用:
    • 點擊「建立新屬性」。
    • 在右側面板中,設定您的表單欄位
    • 檢視您的屬性規則,然後點擊「建立」。預設情況下,「顯示於表單、彈出式表單及機器人」 選項被勾選。建立新屬性後,它將自動與表單欄位建立關聯。瞭解如何管理您的屬性
  2. 若要編輯或解除與表單欄位連結的屬性: 
    • 點擊表單欄位。 
    • 在左側面板中,點擊「已連接的屬性」以展開該區塊。 
    • 若要變更屬性:
      • 點擊「變更屬性」。
      • 在對話方塊中,點擊「變更屬性」。 
      • 使用搜尋列搜尋現有屬性,或點擊「建立新屬性」。 
    • 若要解除與屬性的連結:
      • 點選「斷開屬性連結」。
      • 在對話方塊中,按一下「解除與房產的連結」。
  3. 若要將屬性新增至表單的欄位中,請 在左側面板中點選「屬性
    • 使用「所有屬性」下拉式選單,選擇聯絡人、公司、服務單或自訂物件的屬性。
    • 若使用工單屬性,請點擊對話方塊中的下拉式選單,並選擇連結表單的服務台收件匣 。當表單提交時,系統將自動建立工單。
    • 若要將該屬性新增為表單上的欄位,請點擊並將屬性拖曳至表單預覽區。欄位可置於其他欄位的上方、下方或旁邊。
  4. 新增表單欄位後,若要編輯欄位的選項:
    • 在右側面板中,點擊表單預覽中的該欄位
    • 在左側面板中,點擊以展開「欄位選項」區段。此處的選項會因欄位的屬性類型而有所不同。
      • 說明文字:顯示於欄位標籤下方的資訊文字,用以協助訪客填寫該欄位。
      • 佔位文字: 顯示在該欄位輸入框中的文字 。當訪客在欄位中輸入值時,此文字會消失,且即使欄位留空,該文字也不會隨表單提交。
      • 預設值: 除非訪客更改,否則該欄位預設會提交的值
      • 隱藏欄位:啟用此選項時,該欄位的值將透過表單提交設定,但訪客將無法看見該欄位。啟用此設定後,請設定表單提交時傳入該屬性的預設值
      • 必填欄位:啟用此選項後,必須填寫該欄位才能提交表單。若表單欄位已設定為必填,則無法將其設為隱藏。

The form editor with the left panel displaying the options to edit the form field. The option to make a form field required is toggle on and highlighted.

 

新增表單元件

為表單新增 「文字與媒體」或「 安全性

元件。與表單欄位類似,這些元件可置於其他欄位上方、下方或旁邊。

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在左上角,點擊+ 新增圖示
  4. 在左側面板中,點擊「其他」。
  5. 點擊並拖曳元素至 右側的表單預覽區,即可將其加入表單。

    The form editor with the left panel displaying text and media elements that can be added to the form. These include image, heading, paragraph, reCAPTCHA, and data privacy elements.

新增及編輯表單的感謝訊息或重定向網址

當訪客提交表單時,您可以顯示感謝訊息,或將訪客重定向至特定頁面、會議連結或付款連結。 

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。 
  2. 建立新表單,或將滑鼠懸停在現有表單上並點擊「編輯」。
  3. 在左上角,點擊網站樹狀圖圖示。 
  4. 在左側面板中,點擊「提交時」。您也可以在編輯器中點擊表單步驟。 
  5. 在「選項」標籤頁中,選擇表單提交時要顯示的內容:
    • 顯示感謝訊息:將游標懸停在預設的感謝訊息上,並點擊編輯圖示以新增或編輯文字。 
      • 若要在擴展的富文本編輯器中編輯感謝訊息,請在左側面板的「富文本」下方,點擊「在擴展視圖中編輯」。 
    • 重定向至頁面、URL、會議或付款連結:當訪客提交表單時,將其重定向至 HubSpot 頁面、會議連結、付款連結或特定 URL。 
      • 點擊「重定向至頁面、URL、會議或付款連結 的下拉式 選單,然後選擇您的重定向內容或輸入特定 URL。 
  6. 在右上角,點擊「檢視與更新」以將變更發佈至您的線上表單。 

若要設定條件邏輯,根據訪客的先前回覆將其重定向至特定頁面,請瞭解如何在表單中新增條件邏輯

A gif showing the steps to edit the thank you message in the form editor.

在表單中新增條件邏輯

需要訂閱 A Marketing Hub Content HubProfessional 及 Enterprise訂閱方案,才能在表單中新增條件邏輯。

新增表單欄位後,您可以設定條件邏輯,根據訪客的回應來隱藏或顯示相關欄位與步驟,或將訪客導向其他 HubSpot 頁面。 

每個表單最多可新增 100 條規則,每條規則包含 10 個條件。條件邏輯可套用至特定欄位、富文本模組、標題或圖片。條件邏輯無法套用至 reCAPTCHA 或資料隱私模組。 

要在表單上設定條件邏輯:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單 或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在表單編輯器的左上角,點擊工作流程 邏輯圖示
  4. 在側邊欄編輯器中,點擊「新增邏輯」。
  5. 在「 規則」區段中,設定您的條件邏輯規則。例如,若您依「城市」篩選並選擇「是都柏林」,則該條件 邏輯規則僅適用於值為「都柏林」的記錄
  6. 若要刪除篩選條件,請點擊刪除圖示
  7. 若要複製篩選條件,請點擊複製 圖示
  8. 若要向規則新增其他篩選條件,請點擊「新增」並選擇「新增篩選條件至此群組」。
  9. 若要向規則新增群組,請點擊 「新增群組」。
  10. 若您已在規則中新增多個篩選條件或群組,請點擊篩選條件與群組之間的「AND OR」下拉式選單,以套用「AND」或「OR」邏輯:
  11. 在「接著」區段中,點擊下拉式選單以選擇表單內動作

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

    • 顯示欄位:若使用者的回覆符合規則中設定的條件,則顯示特定欄位、富文本模組、標題或圖片。
    • 隱藏欄位:若使用者的回答符合您規則中設定的條件,則隱藏特定欄位、富文本模組、標題或圖片。
    • 跳至步驟(已廢棄):若使用者的回答符合您規則中設定的條件,則跳至特定步驟。若要使用此動作,您的表單必須包含三個或更多步驟。瞭解更多關於新增表單步驟的資訊
    • 隱藏步驟若訪客符合條件,表單步驟將對其隱藏。要使用此動作,您的表單必須包含兩個或更多步驟。 
    • 顯示步驟僅當訪客符合條件時,才會向其顯示表單步驟。若訪客不符合條件,所選步驟將在表單中保持隱藏。若要使用此動作,您的表單必須包含兩個或更多步驟。
    • 重定向至:若訪客的回覆符合您在規則中設定的條件,即可將其重定向至 HubSpot 頁面、外部網址或付款連結。位於 Sales HubEnterpriseService Hub Enterprise帳戶的用戶,可將表單重新導向至排程頁面上的會議連結。 
  1. 根據所選的操作,請填寫所需欄位。
  2. 若要套用條件邏輯,請按一下「 儲存並啟用」。

The form editor with the left panel displaying the options to edit form field logic.

管理條件邏輯規則

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單 或將滑鼠懸停在現有表單上,然後點擊「編輯」。
  3. 在左上角,點擊工作流程 邏輯圖示
  4. 若要新增另一條規則,請點擊「新增邏輯」。
  5. 若要編輯規則,請點擊「動作」下拉式選單並選擇「編輯」。
  6. 若要刪除規則,請點擊「動作」下拉式選單並選擇「刪除」。

新增與編輯表單步驟

需要訂閱 A 行銷中心銷售中心、 服務中心入門版專業版企業版,或 內容中心 需訂閱企業版才能新增及編輯表單步驟。

建立多步驟表單,鼓勵使用者填寫多個表單區段,而非單一冗長的表單。要在多步驟表單中新增表單步驟:

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

The form editor displaying how to add and rearrange form steps.

  1. 若要重新排列步驟順序,請將游標懸停在該步驟上。接著,在步驟左上角點擊並拖曳「步驟 [x]」以 調整其位置。
  2. 若要複製步驟,請將游標懸停在該步驟上,並點擊複製圖示。包含電子郵件、reCAPTCHA 或資料隱私欄位的步驟無法複製。
  3. 若要刪除步驟,請將游標懸停在該步驟上,並點擊刪除圖示
請注意:
  • 僅當訪客提交表單的所有步驟後,表單提交才會完成。若訪客已完成第一個步驟,但未完成表單其餘部分,則第一個步驟中的欄位將不會被提交至表單。
  • 每個表單最多可新增20 個步驟

 

新增與編輯進度條

需要訂閱 需具備Marketing HubStarterProfessionalEnterprise訂閱方案,方可新增及編輯進度條。

進度條可直觀顯示使用者已完成的表單進度,有助於提高表單完成率。

  1. 要啟用進度條,請將滑鼠懸停在表單步驟上,然後點擊編輯圖示。
    • 在左側面板中,點擊「進度條」開關以啟用。進度條將新增至表單的所有步驟中。 
  2. 若要編輯進度條格式,請在左側面板的「格式」下方,選擇進度條上文字的顯示方式。您可以從以下選項中進行選擇:顯示完成百分比顯示步驟數,或 不顯示文字

The form editor with the left panel displaying options to turn on and adjust the format of the progress bar.

編輯步驟佈局與背景橫幅

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

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 將滑鼠懸停於表單步驟上,並點擊右上角的編輯圖示
  4. 在左側面板中,點擊「樣式」標籤頁並選擇一個步驟佈局
  5. 若要移除佈局,請點擊右上角的「移除佈局 」。

The form editor with the left panel displaying options to edit the form step styles.

  1. 點擊「橫幅背景」以展開該區段:
    • 開啟「背景顏色」開關,即可自訂表單的背景橫幅。
    • 選擇顏色透明度
    • 點擊「漸層」下拉式選 單以新增漸層效果。
    • 使用圖片作為橫幅背景。您可以從HubSpot 檔案中上傳圖片、瀏覽電腦硬碟中的圖片,或使用AI 助手生成圖片。

The form editor displaying banner style options, including color, opacity, gradient, and image selection.

設定表單樣式

自訂表單及表單步驟的文字、輸入欄位、按鈕和背景。在「全域樣式」分頁中設定的樣式選項將套用至所有表單步驟。您無法分別設定個別表單步驟的樣式。

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

若要設定表單樣式:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在左側點擊「樣式」圖示

The form editor with the left panel displaying styles options, including branding, fields, buttons, paragraph, heading, background, and the progress bar.

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

表單自動化

啟用簡單的自動化功能,例如向聯絡人發送跟進電子郵件,或向其他 HubSpot 使用者發送自動內部電子郵件通知。您亦可將表單提交作為簡單工作流程中的觸發條件。

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單 或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在左側面板中,點擊「設定」>「自動化 工作流程」>「 自動化」圖示
  4. 表單提交後的自動化處理 區段中:

    • 若要在每次表單提交後自動觸發跟進電子郵件,請在「表單提交後發送電子郵件」下方,點擊「建立此工作流程」。
    • 若要從空白範本建立您自己的工作流程,請在「建立您自己的簡單工作流程」下方,點擊「建立新工作流程」。在右側滑出式面板中,於「何時觸發動作」下方選擇「聯絡人提交表單」選項
  5. 若要新增其他工作流程動作,請點擊「+加號圖示
  6. 若要啟用工作流程,請在工作流程名稱旁點擊切換開關以開啟 。接著點擊「已了解」。發佈簡易工作流程後,對工作流程所做的任何變更將自動套用至目前已加入的聯絡人。
  7. 如果您已選擇加入 表單自動化通知 測試版,您可在自動化流程需審核時,以及加入率發生變化時通知使用者:
    • 若工作流程中出現需您處理的錯誤,請開啟「當此自動化流程需審核時接收通知」開關以接收通知。
    • 若要在註冊率波動時收到通知,請開啟「若註冊率發生變化則通知我」開關。接著,從以下選項中進行選擇:
      • 使用 Breeze 智慧分析:開啟此開關,系統將根據過去 30 天的數據,自動偵測註冊率的任何變化。
      • 使用手動範圍:開啟此開關,即可手動設定固定比率閾值,當超過該閾值時將觸發通知。

        forms-automation-notification-settings
    • 在「通知收件者」區段中,點擊「使用者 與團隊」下拉式選單,並選擇要發送通知的收件者。僅限已為至少一個管道開啟 HubSpot 通知的使用者,才能接收這些通知。

進一步了解如何在表單中使用自動化功能

自訂表單設定

設定表單的各項參數,包括表單提交後對應聯絡人的處理方式、使用者通知設定,以及表單的預設語言。您可以設定聯絡人的行銷狀態、生命週期階段等。部分選項可能因您的 HubSpot 訂閱方案而未顯示。

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單 或將游標懸停於現有表單上並點擊「編輯」。
  3. 在左側面板中,點擊設定圖示
  4. 在「一般」分頁中,設定以下表單基本設定:
    • 從未知電子郵件地址自動建立新聯絡人選取此選項,系統將針對每個包含唯一電子郵件地址的表單提交建立新的聯絡人記錄。若提交的電子郵件地址與您資料庫中的現有聯絡人記錄相符,系統將更新該現有記錄的詳細資料。
      • 若關閉此選項,HubSpot 將首先嘗試根據提交的電子郵件地址,將表單提交與現有聯絡人進行關聯。若該電子郵件地址不存在對應的聯絡人,HubSpot 將根據瀏覽器中的 Cookie 來識別並更新您的聯絡人。若從同一裝置多次提交相同表單,可能會導致聯絡人資料被覆寫。
      • 若啟用此選項,當聯絡人使用不同電子郵件地址,且瀏覽器中已存在 Cookie 時提交表單,系統將不會追蹤該聯絡人的瀏覽次數。此外,「為回訪訪客預先填入表單欄位 新增重設表單連結」選項也會自動關閉。
    • 將新聯絡人設為行銷聯絡人:若您的 HubSpot 帳戶具備行銷聯絡人存取權限,即可自動將所有提交此表單的聯絡人設為行銷聯絡人。此設定適用於新聯絡人與既有聯絡人。
    • 為回訪訪客預填表單欄位若聯絡人曾造訪您的網站並提交過表單,且 HubSpot 已成功儲存並追蹤其 Cookie,則表單中所有已知的欄位值均可預先填入。此選項預設為開啟狀態。進一步了解表單欄位預填功能
    • 表單簡化:若您擁有 HubSpot 點數,可透過自動隱藏可由資料豐富化功能填入的表單欄位,來簡化表單。進一步了解表單簡化
    • 新增表單重置連結:若您已啟用「為回訪訪客預填表單欄位」功能,亦可於表單中新增重置連結。啟用此選項後,訪客可點擊表單上的「不是您?點擊此處重置」以清除所有預填的表單欄位。當表單被重置時:
      • 該表單提交的 Cookie 追蹤功能將被關閉。任何現有的追蹤 Cookie 均不會被覆寫。 
      • 若電子郵件地址與現有聯絡人記錄不符,表單提交將為該地址建立新的聯絡人記錄。 
    • 新增至行銷活動:若您擁有Marketing Hub Professional Enterprise訂閱方案,即可將表單與行銷活動關聯:
      • 若要將表單與現有活動關聯,請點選「活動」下拉式選單並選擇一個活動
      • 若要將表單與新活動關聯,請點擊「活動」下拉式選單,然後點擊「建立活動」。接著,繼續設定您的活動。
    • 提交時更新聯絡人與公司的生命週期階段 請點擊「設定生命週期階段為」下拉式選單選擇一個生命週期階段。當訪客提交表單時,任何新建立或現有的記錄都會被設定為所選的生命週期階段。
      • 您無法將記錄的生命週期階段倒退。若生命週期階段較晚的現有聯絡人或公司提交表單,其生命週期階段將不會更新。
      • 表單中設定的生命週期階段將覆寫您在 HubSpot 設定中配置的預設生命週期階段
  1. 若要自訂提交設定,請在左側面板中點選「提交設定 標籤頁。自訂以下表單提交設定:
    • 通知聯絡人擁有者:自動向 聯絡人的擁有者發送通知。若聯絡人無擁有者,則不會發送通知。進一步了解HubSpot 中的物件擁有權
    • 新增需通知的使用者:在 下拉式選單中,勾選應在表單提交時收到通知的使用者或團隊旁的核取方塊,無論聯絡人所有權為何。若在表單編輯器中設定了收件者,該設定將被 HubSpot 頁面中表單模組所設定的收件者所覆寫。
    • 要封鎖的電子郵件網域:輸入要封鎖表單提交的特定電子郵件網域。例如,若要封鎖來自email@domain.com 的提交,可新增 domain.com。若要封鎖所有免費電子郵件服務提供者的提交,請點擊切換「封鎖免費電子郵件服務提供者」開關以啟用此功能。

  1. 若要自訂表單語言設定,請點選「語言與地區」標籤頁點選「主要語言」下拉式選單,然後為表單選取預設語言。錯誤訊息、預設屬性的標籤、說明文字、佔位文字及預設值將被翻譯成此語言。
  2. 若要為表單建立 AI 翻譯(僅限Marketing HubContent Hub ProfessionalEnterprise版本):
    • 開啟「為所有表單內容啟用 AI 翻譯」開關。
    • 在「主要語言 下拉式選單 中,選擇您 要將表單翻譯成的語言錯誤訊息、預設屬性的標籤、說明文字、佔位文字、預設值、自訂標籤、富文本以及同意書文字將自動翻譯成此語言。
    • 若您在上次翻譯後曾更新表單,請點擊「立即重新翻譯」以更新翻譯內容。
A screenshot of the form editor, displaying form language and region settings.

管理表單欄位的即時驗證

若您已 為某個屬性設定了驗證規則 ,這些規則將套用至表單欄位,訪客必須符合這些要求才能提交表單。表單欄位的即時驗證功能可讓訪客立即獲得輸入回饋,使其更容易修正錯誤並準確填寫表單。

例如,若您已為 訂單編號屬性設定驗證規則,規定其僅可包含數字值,訪客便會收到提示,要求修正任何非數字的輸入內容。

A screenshot of form validation rules displaying warning messages on the live form.
預設情況下,表單的即時驗證功能已啟用。若要管理表單欄位的即時驗證:
  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」
  2. 在左側邊欄選單中,導航至「行銷」>「表單」。

  3. 點擊「提交設定」分頁。
  4. 切換「啟用表單欄位即時驗證」開關以開啟或關閉此功能。
  5. 在左下角,點擊「儲存」。

預覽表單

在發佈前預覽表單的設計與運作方式。預覽畫面會呈現訪客實際填寫表單時的體驗,包含多步驟導覽、條件邏輯及必填欄位。這有助於您確認版面配置、驗證邏輯,並檢視潛在客戶收集流程,且無需產生任何提交資料。

要預覽表單:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在表單編輯器的右上角,點擊「預覽」。預設情況下,表單將以桌面預覽模式開啟。
  4. 若要在不同裝置類型上預覽表單,請點擊頂部的平板 電腦圖示行動裝置圖示
  5. 若要在多步驟表單中預覽特定步驟,請在左上角點擊「預覽步驟」下拉式選單,然後選擇要檢視的步驟
HubSpot form preview highlighting the Select Step dropdown menu to preview specific steps in a multi-step form.
  1. 若要在新分頁中預覽表單,請在右上角點選「在新分頁中開啟」。
  2. 若要與協作者分享預覽內容,請在右上角點擊「複製連結」。
  3. 若要測試訪客行為,請在預覽模式下填寫欄位或逐步完成表單步驟。預覽模式下無法提交表單,且不會收集任何提交資料。
  4. 若要返回表單編輯器,請在左上角點擊「退出預覽」,接著繼續 編輯或發佈表單

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

發佈並分享您的表單

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

發佈並分享表單的方法:

  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」
  2. 建立新表單,或將滑鼠懸停於現有表單上並點擊「編輯」。
  3. 在右上角,點擊「檢視與更新」以 發佈表單更新。
  4. 在右側面板底部,點擊「更新」。 
  5. 若要嵌入或分享表單,請選擇以下其中一個選項:
    • 透過 HubSpot 嵌入:將 表單嵌入 HubSpot CMS 網站頁面、著陸頁,或搭配 HubSpot 行動呼籲 (CTA)。
      • 在「選擇將表單嵌入 HubSpot 網站、登陸頁或搭配 HubSpot 行動呼籲(CTA)」區段中 ,選擇一個內容選項。 
      • 點擊下拉式選單,並選擇表單應嵌入的目標頁面或行動呼籲(CTA)。
    • 取得嵌入程式碼:使用嵌入功能將表單新增至外部託管的頁面。若要在外部頁面追蹤表單的分析數據,該頁面必須已安裝 HubSpot追蹤程式碼。進一步了解如何將 HubSpot 表單新增至外部網站
      • 在底部點擊「複製」。
      • 嵌入程式碼貼至您頁面的 HTML 模組中。
    • 複製分享連結:使用網址將表單作為獨立頁面分享。
      • 點擊「複製」將表單頁面的網址複製到剪貼簿。
      • 在瀏覽器中開啟新視窗或新分頁,並將 表單頁面的網址貼上至網址列以載入該頁面。您也可以直接將表單頁面的網址分享給他人,讓他們能夠存取該表單。

The form editor share options, highlighting the option to embed the form on a HubSpot page or CTA. 

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