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

使用新的表單編輯器(測試版)建立和編輯表單

上次更新時間: 十月 10, 2024

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

使用新的表單編輯器

創建和使用表單,以收集有關訪問者的信息以存儲在您的HubSpot CRM中。 使用新的表單編輯器時,您可以建立多步驟表單。 然後,設定表單的樣式,以反映企業的身份和品牌。

建立表單後,您可以使用HubSpot表單模組將其新增到HubSpot頁面,使用表單嵌入代碼的外部網站,或將其分享為具有分享連結的獨立頁面。

建立新表單

若要建立新表單,請按照以下步驟操作

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 按一下右上角的「建立表單」。
  • 若要將表單與業務單位關聯,請按一下「選擇業務單位」下拉式選單,然後選取要將此表單關聯的業務單位。 
  • 選擇您的新表單編輯器。
  • 點擊右上角的「下一步」。
  • 在頂部按一下edit 鉛筆圖示,即可編輯表單名稱。
     

 

新增和編輯表單欄位

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

  • 在HubSpot帳戶中,前往「行銷」>「潛在客戶擷取」>「 表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 按一下左上角的+加號圖示。
  • 在左側面板中,按一下欄位類型並拖曳到右側的表單預覽上,將其包含在表單中。 字段可以放置在其他字段的上方、下方或旁邊。 
  • 在右側面板中,按一下並輸入欄位標籤。 輸入欄位標籤時,會顯示類似的現有屬性清單。
    • 在「連線到屬性」對話方塊的「連線」欄位中,按一下建議的屬性。 
    • 若要將表單欄位連結到其他屬性,請按一下「搜尋屬性」。 

KB - Add Fields New Editor

  • 若要新增已連結的旅居,請在左側面板中按一下以展開「已連結的旅居」部分。 按一下要連接到表單欄位的屬性。 
  • 若要將現有旅居與表單上的欄位連結,請使用搜尋列搜尋現有旅居。 新增欄位的物件類型可以決定表單提交是否出現在相關記錄的活動時間軸上。

請注意:

 

  • 若要建立新屬性並將其用作表單上具有欄位的連結屬性,請按一下「建立新屬性」
    • 選擇表單欄位類型。 
    • 在右側面板中,設定表單欄位
    • 查看你的旅居守則,然後點擊建立。 根據預設,系統會選取「在表單、彈出式表單和機器人中顯示」選項。 建立新旅居後,系統會自動將其與表單欄位相關聯。 了解如何管理房源
  • 新增表單欄位後,若要編輯欄位的選項:
    • 在右側面板中,按一下表單預覽中的欄位
    • 在左側面板中,按一下以展開「欄位選項」部分。 此處的選項可能因欄位的住宿類型而異,請進一步了解可用的額外欄位自訂選項
      • 說明文字:欄位標籤下方的資訊文字,可協助訪客填寫欄位。
      • 佔位符文字:顯示在欄位輸入框中的文字。 當訪客在欄位中輸入值時,文字將消失,即使欄位留空,也不會在提交中顯示。
      • 默認值:除非訪問者更改,否則默認情況下將為字段提交一個值。
      • 隱藏欄位:當切換此選項時,該欄位將通過表單提交設置其值,但該欄位不會顯示給訪問者。 開啟設定後,請設定在提交表單時傳入屬性的預設值。
      • 必填欄位:開啟此選項時,必須填寫該欄位才能提交表單。 如果表單欄位已設定為必要欄位,則無法設定為隱藏。 

edit-form-field

添加其他表單元素

在表格中添加其他文本和媒體或安全和隱私 。 與表單欄位類似,這些元素可以放置在其他欄位的上方、下方或旁邊。 在測試版期間,某些元素可能無法使用。 

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 按一下左上角的+加號圖示。
  • 在左側面板中,按一下其他。
  • 點擊並將元素拖曳到右側的表單預覽上,將其包含在表單中。
     
     
    2024-04-29_13-59-20

將條件邏輯新增至表單(僅限內容中心 或 行銷中心專業版企業版 )

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

對於每個表單,您最多可以新增30個規則,每個規則有10個條件。

若要在表單上設定條件邏輯,請按照以下步驟操作: 

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 在左上角,按一下githubBranchgithubBranch 輯圖示。
  • 在左側面板中,按一下新增邏輯。
  • 在邏輯部分,設定條件邏輯規則。 例如,如果您按城市篩選,並選取「任一都柏林」,則條件邏輯規則僅適用於值為「都柏林」的記錄。
  • 若要刪除篩選條件,請按一下刪deletee除對象刪除圖示。 
  • 若要複製篩選器,請按一下duplicate 製圖示。 
  • 若要新增其他篩選條件至規則,請按一下「新add篩選條件至此羣組」。
  • 若要將其他羣組新增至規則,請按一下「新add羣組」。 
  • 如果你在規則中新增了多個篩選條件或羣組,請點擊要套用的篩選條件和羣組之間的AND或下拉式選單AND 或邏輯:
    • 答:要觸發規則,規則中的所有篩選條件必須為真。 
    • OR :羣組中必須只有一個篩選條件為真,才能觸發規則。 深入瞭解AND或OR邏輯。 
  • 在「然後」部分,按一下下拉式選單以選擇表單上的動作。 您可以從以下選項中進行選擇:
    • 顯示欄位:如果用戶的回應符合規則中設定的條件,則顯示特定欄位。 
    • 隱藏欄位:如果用戶的回應符合規則中設定的條件,請顯示特定欄位。 
    • 跳至步驟:如果用戶的回覆符合規則中設定的條件,請跳至特定步驟。 若要使用此選項,表單必須至少有三個步驟。 進一步了解如何新增表單步驟。 
    • 重新導向至:如果使用者的回應符合規則中設定的條件,請將其重新導向至HubSpot頁面或外部URL。 Sales Hub Enterprise或Service Hub Enterprise帳戶中的使用者可以將表單重新導向至排程頁面上的會議連結。
  • 根據所選動作,填寫必填欄位。 
  • 若要套用條件邏輯,請按一下儲存並啟用。 

2024-06-14_10-46-33

管理條件邏輯規則

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 在左上角,按一下githubBranchgithubBranch 輯圖示。
  • 若要新增其他規則,請按一下「新增邏輯」。
  • 若要編輯規則,請點擊操作下拉式選單,然後選擇編輯。 
  • 若要刪除規則,請按一下操作下拉式選單,然後選取刪除。 

新增和編輯表單步驟 

請注意:此功能僅適用於Marketing Hub、Sales Hub或Service Hub Starter、Professional和Enterprise或Content Hub Enterprise。

建立多步驟表單,以鼓勵使用者填寫多個表單區段,而非單一長表單。 若要在多步驟表單中新增表單步驟,請按照以下步驟操作:

  • 在HubSpot帳戶中,前往「行銷」>「潛在客戶擷取」>「 表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 在右側面板中,將遊標暫留於兩個現有步驟之間,然後按一下「+新增」圖示。 系統會顯示新的步驟部分。 然後,您可以在步驟面板中設定表單欄位和其他表單元素。 
     

KB - Add Step New Editor

  • 若要重新排列步驟的順序,請將遊標暫留於步驟上。 然後,在步驟的左上角,按一下並拖曳步驟[x]以重新定位。 
  • 若要刪除步驟,請將遊標暫留於步驟上,然後按一下delete 刪除圖示。 

請注意: 

  • 只有在訪客提交表單的所有步驟後,才能完成表單提交。 如果訪客已完成第一步,但未完成表單的其餘部分,則第一步中的欄位將不會提交到表單中。 
  • 每份表格最多可新增20個步驟。 

編輯步驟版面配置和背景橫幅 

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

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 將遊標移至表單步驟,然後點擊右上角的edit 鉛筆圖示。 
  • 在左側面板中,選擇一個步驟版面配置。 
  • 若要移除版面配置,請按一下右上角的移除版面配置。 

2024-05-14_11-20-36

  • 按一下「橫幅背景」以展開部分:
    • 啟背景顏色開關以自訂表單的背景橫幅
    • 選擇顏色和不透明度。
    • 單擊漸層下拉菜單以添加漸層。
    • 使用圖片作為橫幅背景。 您可以從HubSpot檔案上傳影像、瀏覽電腦硬碟中的影像,或使用AI助手產生影像。 

設定表單樣式

Screenshot 2024-05-14 at 11.44.53

自訂表單和表單步驟的文字、輸入欄位、按鈕和背景。 「全局樣式」選項卡中配置的樣式選項將應用於所有表單步驟。 您無法單獨設定個別表單步驟的樣式。 

若要設定表單樣式,請按照以下步 

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 按一下左上角的樣式圖示。
  • 自訂文字、輸入欄位或按鈕

    時,您可以使用快速欄位輸入樣式從現有樣式中進行選擇。 或者,您可以手動為表單的每個元件自訂樣式:
    • 文字:自訂頁首和內文文字的字型、字型大小和顏色。 您可以選擇在頁首文字中新增陰影,或在內文中醒目提示。 
    • 輸入欄位:自訂欄位,包括背景和邊框。 您還可以自訂標籤的字體、字型大小和顏色,以及說明文字、佔位符和錯誤文字的顏色。 
    • 按鈕:自訂按鈕的高度、圓角、背景、漸層,並為按鈕新增陰影。 您還可以自訂按鈕文字的字體、字型大小和顏色。 
    • 背景:自訂表單和表單步驟的背景。 您可以選擇設置背景顏色或使用圖像作為背景。 您可以使用AI助手生成圖像。 您也可以選擇為表單設定邊框。

自訂表單設定

設定表單的設定,包括表單提交後對應聯絡人發生的情況、使用者通知設定,以及表單的預設語言。 您可以設定客服案件的行銷狀態、生命週期階段等。 某些選項可能不會顯示,具體取決於您的HubSpot訂閱。 

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 在左側面板中,按一下settings 定圖示。
  • 在「一般」索引標籤上,配置以下一般表單設定:
    • 始終使用未知的電子郵件地址建立聯絡人選取此選項,即可使用唯一的電子郵件地址為每次提交建立新的聯絡人記錄。 如果提交的電子郵件地址與資料庫中的現有聯絡人記錄相符,則會更新現有記錄的詳細資訊。
      • 如果關閉此選項, HubSpot將首先嘗試將提交內容與現有聯絡人與提交的電子郵件地址建立關聯。 如果該電子郵件地址沒有聯絡人, HubSpot將根據其瀏覽器中的Cookie識別並更新您的聯絡人。 如果同一個表單從同一個裝置提交多次,這可能會導致客服案件被覆蓋。
      • 如果啟用此選項,當客服案件在已有Cookie的瀏覽器上使用其他電子郵件提交表單時,將不會追蹤此客服案件的檢視次數。 「使用已知值預先填入客服案件欄位」選項也將自動停用。
    • 將建立的聯絡人設為行銷聯絡人如果您的HubSpot帳戶可以存取行銷聯絡人,您可以自動將任何已提交此表單的聯絡人設為行銷聯絡人。 這包括新客服案件和現有客服案件。
    • 為回訪者預先填寫欄位如果聯絡人曾造訪您的網站並提交表單,且HubSpot能夠儲存和追蹤其Cookie ,則可以在表單上預先填寫任何已知欄位值。 此選項預設為啟用,深入瞭解預先填寫的表單欄位。 
    • 新增至行銷活動:如果您擁有行銷中心專 業版或企業版 訂閱,您可以將表單與活動相關聯:
      • 若要將表單與現有行銷活動關聯,請按一下「行銷活動」下拉式選單,然後選擇一個行銷活動。
      • 若要將表單與新廣告活動關聯,請按一下「廣告活動」下拉式選單,然後按一下「建立廣告活動」。 然後,請繼續設定推廣活動。 
    • 提交時,更新客服案件和公司生命週期階段 按一下將生命週期狀態設定為下拉式選單,然後選擇生命週期階段。 當訪客提交表單時,任何新的或現有的記錄將被設置為所選的生命週期階段。
      • 您無法向後移動記錄的生命週期階段。 如果現有的客服案件或具有較後生命週期階段的公司提交表單,生命週期階段將不會更新。 
      • 表單中設定的生命週期階段將覆蓋在HubSpot設定中設定的預設生命週期階段
  • 若要自訂提交設定,請在左側面板中按一下「提交設定」索引標籤。 自訂下列表單提交設定:
    • 訪客電子郵件通知:選取傳送提交電子郵件通知給聯絡人的擁有者核取方塊,即可自動傳送通知給聯絡人的擁有者。 如果客服案件沒有擁有者,則不會傳送通知。 深入瞭解HubSpot中的物件所有權。 

    • 提交電子郵件通知:點擊「傳送提交電子郵件通知至」下拉式選單,選擇要傳送提交電子郵件通知的預設團隊或個人,無論聯絡人的擁有權為何。 此處設置的收件者將被HubSpot頁面上表單選項中設置的收件者覆蓋。

2024-08-08_10-28-39

  • 若要自訂表單語言設定,請按一下「語言與地區」索引標籤。 點擊主要語言下拉式選單,然後選擇表單的預設語言。 錯誤訊息、預設屬性的標籤、說明文字、佔位符文字和預設值將被翻譯成此語言。
  • 若要為表單建立AI翻譯(僅限行銷中心或內容中心 專業 版和企業版) :
    • 將所有表單內容AI的啟用AI翻譯切換為開啟。
    • 在主要語言下拉式選單中,選擇要翻譯表單的語言。 錯誤訊息、預設屬性的標籤、說明文字、預設值、自訂標籤、格式文字和同意文字將自動翻譯成此語言。
    • 如果您自上次翻譯後已更新表單,請按一下「立即重新翻譯」以更新翻譯。

2024-10-10_11-54-51

管理表單欄位的即時驗證

如果您已 為房源設定驗證規則,這些規則將適用於表單欄位,訪客必須符合這些要求才能提交表單。 表單欄位的即時驗證可為訪問者提供對其輸入的即時反饋,從而更輕鬆地更正錯誤並準確填寫表單。

例如,如果您將訂單號碼屬性的驗證規則設置為僅包含數值,訪客將收到反饋,以更正任何非數字條目。

2024-08-01_09-10-53

預設情況下,會開啟表單的即時驗證。 若要在表單欄位上開啟/關閉即時驗證: 

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,前往「行銷」>「表單」。

  • 按一下「提交設定」索引標籤。 
  • 將「啟用表單欄位的即時驗證」切換為開啟/關閉。
  • 按一下左下角的「儲存」。 

發佈或分享表單

建立新表單或更新表單後,請發佈表單以進行變更。 然後,將其新增至HubSpot內容使用表單嵌入代碼將其新增至外部頁面,或將其分享為具有分享連結的獨立頁面。 

  • 在HubSpot帳戶中,前往「行銷」>「潛在客戶擷取」>「 表單」。
  • 建立新表單或將遊標暫留於現有表單上,然後按一下「編輯」。 
  • 在右上角,按一下「發佈」以發佈表單更新。
  • 若要在HubSpot頁面上嵌入表單,請瀏覽至您的內容,然後新增表單模組並選擇表單。
  • 若要分享表單或將表單嵌入外部網站,請按一下右上角的「分享」,然後從以下選項中選擇:
    • 獲取嵌入代碼:使用嵌入在外部託管的頁面上新增表單。 若要在外部頁面上追蹤表單的分析,您必須在頁面上安裝HubSpot追蹤程式碼。 深入瞭解如何將HubSpot表單新增至外部網站
      • 按一下頁面底部的「複製」。
      • 將嵌入代碼貼到頁面上的HTML模組中。
    • 複製分享連結:使用網址將表單作為獨立頁面分享。 
      • 按一下「複製」,將表單頁面的網址複製到剪貼簿。 
      • 在瀏覽器中開啟新視窗或分頁,然後在網址列中貼上表單頁面的網址,即可載入表單頁面。 您也可以直接與其他人分享表單頁面網址,授予他們存取表單的權限。

 

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