建立和編輯表單

使用表單編輯器來建立和使用表單，以收集您的訪客資訊，並儲存在您的 HubSpot CRM 中。使用表單編輯器時，您可以建立多步驟的表單。然後，為您的表單設計風格，以反映您的企業識別和品牌。

建立表單後，您可以使用 HubSpot 表單模組將表單新增至您的 HubSpot 頁面、使用表單嵌入代碼新增至外部網站，或以獨立頁面與分享連結進行分享。

建立新表單

若要建立新表單：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 在右上方，按一下建立表單。

請注意：您只能在建立表單時，將表單與 Business Unit 相關聯。進一步瞭解如何將表單與業務單位關聯。

• 選擇 表格編輯器。

• 在右上方，按一下下一步。
• 選擇預先製作的範本，或建立您自己的範本，選擇範本Start from blank（從空白開始）。
• 在頂部，按一下edit 鉛筆圖示 ，編輯表格名稱。

新增和編輯表單欄位

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

• 在您的 HubSpot 帳戶中，導覽到行銷>表單。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左上方，按一下+ 新增圖示。
• 在左側面板中，按一下並將欄位類型拖曳到右側的表單預覽中，即可將其納入表單中。欄位可以放在其他欄位的上方、下方或旁邊。
• 新增電話號碼欄位時，您從下拉式功能表中選擇的國家代碼將設為該欄位的預設值。
• 在右側面板中，按一下並輸入欄位標籤。輸入欄位標籤時，會出現相似的現有屬性清單。
  • 在連接欄位至屬性 對話方塊中，按一下建議的屬性。
  • 若要將表單欄位連接到不同的屬性，請按一下搜尋屬性。

• 若要新增連接的屬性，請在左側面板中，按一下以展開連接的屬性部分。按一下要連接到表格欄位的屬性 。
• 若要使用現有的屬性作為表單中欄位的連接屬性，請使用搜尋列 搜尋現有的屬性。新增欄位的物件類型可以決定表單提交是否出現在相關記錄的活動時間線上。

• 若要 建立新的屬性 ，並將其作為表單上欄位的連接屬性：
  • 按一下 新增。

• • 在右側面板中，設定您的表格欄位。
  • 檢視您的屬性規則，然後按一下建立。預設情況下，會選取在表單、彈出表單和機器人中顯示的 選項。 建立新的屬性後，它會自動與表單欄位關聯。了解如何管理您的屬性。
• 若要在表單中加入屬性作為欄位，請按一下左側面板上的屬性：
  • 使用所有屬性下拉式功能表選擇聯絡人、公司、票單或自訂物件屬性。
  • 如果您使用的是票單屬性，請按一下對話方塊中的下拉式功能表，然後選擇服務台或收件 匣，以便將表單連線至。當表單提交時，會自動建立一個票單。

• • 若要在表單中加入屬性作為欄位，請按一下並將屬性拖曳到表單預覽中。欄位可以放置在其他欄位的上方、下方或旁邊。

• 新增表單欄位後，編輯欄位的選項：
  • 在右側面板中，按一下表單預覽中的欄位. 
  • 在左側面板中，按一下以展開欄位選項部分。這裡的選項可能因欄位的屬性類型而異，請進一步瞭解其他可用的欄位自訂選項。
    
    • 說明文字：欄位標籤下方的資訊文字，以協助訪客完成欄位。
    • 占位符文字： 顯示在欄位輸入方塊中的文字。訪客在欄位中輸入數值時，文字會消失，即使欄位留空，也不會在提交時出現。
    • 預設值： 除非訪客變更，否則欄位預設會提交的值。
    • 隱藏欄位：當此選項被切換為開啟時，該欄位的值將透過表單提交來設定，但該欄位不會顯示給訪客。設定開啟後，設定表單提交時傳入該屬性的預設值。
    • 必填欄位：當此選項被切換為開啟時，必須填寫欄位才能提交表單。如果表單欄位已設定為必填，則無法設定為隱藏。

新增額外的表單元素

在表單中加入額外的文字與媒體 或安全性 。與表單欄位相似，這些元素可以放置在其他欄位的上方、下方或旁邊。

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左上方，按一下+ 新增圖示。
• 在左側面板中，按一下Other（其他）。
• 按一下並拖曳元素 到右邊的表單預覽，將它們加入表單中。
  
  
  
  

在表單中加入條件邏輯（ 僅限Content Hub或 Marketing Hub 專業版 和 企業版）

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

每個表單最多可加入 30 條規則，每條規則有 10 個條件。

在表單上設定條件邏輯：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左上方，按一下workflows logic 圖示。
• 在左側面板中，按一下新增邏輯。
• 在 邏輯部分，設定您的條件邏輯規則。例如，如果您依城市篩選，並選擇是都柏林的任何一個，則條件 邏輯規則將只適用於值為都柏林的記錄。
  
• 若要刪除篩選器，請按一下deletee 刪除圖示。
• 若要複製濾鏡，請按一下duplicate 複製圖示。
• 若要在規則中加入其他篩選條件，請按一下add Add filter to this group。
• 若要在規則中新增群組，請按一下 add Add group（新增群組）。
• 如果您已在規則中加入多個篩選條件或群組，請按一下篩選條件和群組之間的AND OR下拉式功能表，以套用AND或OR 邏輯：
  • AND： 規則中的所有篩選條件都必須為真，才能觸發規則。
  • 或：只有群組中的一個篩選條件必須為真，才能觸發規則。 瞭解更多關於 AND 或 OR 邏輯的資訊。

• 在「然後」區段中，按一下下拉式功能表以選擇表單上的動作。您可以從下列項目中選擇：
  • 顯示欄位：如果使用者的回覆符合規則中設定的條件，則顯示特定欄位。
  • 隱藏欄位：如果使用者的回覆符合規則中設定的條件，則顯示特定欄位。
  • 跳至步驟：如果使用者的回覆符合規則中設定的條件，則跳至特定步驟。若要使用此選項，表單必須至少有三個步驟。進一步瞭解新增表單步驟。
  • 重定向至：如果使用者的回覆符合您的規則中設定的條件，則將其重定向至 HubSpot 頁面或外部 URL。Sales Hub Enterprise或Service Hub Enterprise帳戶中的使用者可以將表單重定向至排程頁面上的會議連結。

• 根據選取的動作，填寫所需欄位。
• 若要套用條件邏輯，請按一下 儲存並啟用。

管理條件邏輯規則

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左上方，按一下workflows logic 圖示。
• 若要新增其他規則，請按一下新增邏輯。
• 若要編輯規則，請按一下動作下拉式功能表，然後選擇編輯。
• 若要刪除規則，請按一下動作下拉式功能表，然後選擇刪除。

新增和編輯表單步驟

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

建立多步表單，鼓勵使用者完成多個表單環節，而不是單一的長表單。若要在多步表單中加入表單步驟，請

• 在您的 HubSpot 帳戶中，導覽到行銷>表單。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在右側面板中，將滑鼠懸停在兩個現有步驟之間，然後按一下+ 新增圖示。新的步驟區塊就會出現。接著，您可以在步驟面板中設定表單欄位和其他表單元素。
  

• 若要重新排列步驟的順序，請將滑鼠懸停在步驟上。然後在步驟的左上方，按一下並拖曳步驟 [x] 以重新排列。
• 若要複製步驟，請將滑鼠停留在步驟上，然後按一下duplicate 複製圖示。您無法複製包含電子郵件、reCAPTCHA 或資料隱私欄位的步驟。
• 若要刪除步驟，請將滑鼠停留在步驟上，然後按一下delete 刪除圖示。
• 進度列可直觀顯示使用者完成表單的程度，提高表單完成率。若要編輯進度列，請
  • 將滑鼠移至進度列上，然後按一下edit 鉛筆圖示。

• • 在左側面板中，您可以編輯進度列並開啟或關閉它：

• • • 所有表單預設都會加入進度列。要關閉進度列，請切換進度列開關。這將從所有表單步驟中移除進度列。
    • 在格式區段中，選擇您希望文字顯示在進度列上的方式。您可以選擇下列選項：顯示完成百分比、顯示步數 或不顯示文字。

編輯步驟佈局和背景橫幅

使用快速版面切換器從預定義的步驟版面中選擇，並自訂表單背景橫幅。

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 將滑鼠移至表單步驟，然後按一下右上方的edit 鉛筆圖示。
• 在左側面板中，按一下樣式索引標籤，然後選擇步驟配置。
• 若要移除佈局，請按一下右上方的移除佈局 。

• 按一下旗幟背景以展開該部分：
  
  • 切換背景顏色 開關，自訂表單的背景橫幅。

• • 選擇顏色和不透明度。
  • 按一下漸層 下拉式功能表，新增漸層。
  • 使用圖片作為橫幅背景。您可以從HubSpot 檔案上傳圖片、從電腦硬碟瀏覽圖片，或使用AI 助手產生圖片。

表單樣式

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

請注意： 更新後的編輯器無法將您的表單設定為原始 HTML。只有使用舊版編輯器建立的表單才能設定為原始 HTML。

為您的表格設計風格：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左側，按一下樣式圖示。

• 自訂文字、輸入欄位或按鈕時，您可以使用快速欄位輸入樣式從現有樣式中選擇。另外，您也可以手動自訂表單中每個元件的樣式：
  • 欄位： 自訂欄位，包括背景和邊框。您也可以自訂標籤的字型、字型大小和顏色，以及說明文字、占位符和錯誤文字的顏色。
  • 按鈕：可自訂按鈕的高度、圓角、背景、漸層，並為按鈕加入陰影。您也可以自訂按鈕文字的字型、字型大小和顏色。
  • 段落 (豐富文字)：自訂正文的字型、字型大小和顏色。
  • 標題： 自訂標題的字型和文字顏色。您可以選擇為標題文字加入陰影。
  • 背景：自訂表單和表單步驟的背景。您可以選擇設定背景顏色或使用圖片作為背景。您可以使用AI 助手來產生圖片。您也可以選擇為表單設定邊框。
  • 進度列： 自訂表單上的進度列，包括進度線的顏色和進度列的字型。

自動化您的表單

開啟簡單的自動化功能，例如傳送後續電子郵件給聯絡人，或自動傳送內部電子郵件通知給其他 HubSpot 使用者。您也可以使用表單提交作為簡單工作流程的觸發器。

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左側面板中，按一下settis automati workflows 自動化圖示。

• 要建立一個簡單的工作流程：

  • 在「自動處理表單提交後的情況 」部分：
    • 若要在每次表單提交後自動觸發後續電子郵件，請在表單提交後傳送電子郵件下，按一下建立此工作流程。
    • 若要從空白範本建立您自己的工作流程，請在建立您自己的簡單工作流程下，按一下建立新工作流程。在右側滑入式面板中，在觸發動作時，選擇選項聯絡人已提交表單。
• 若要新增其他工作流程動作，請按一下+ 加號圖示。
  
  
• 若要開啟工作流程，請在工作流程名稱旁邊按一下以開啟開關 。然後按一下「得到」。發佈您的簡單工作流程後，對工作流程所做的任何變更都會自動套用至目前註冊的聯絡人。

進一步瞭解如何使用自動化表單。

自訂表單設定

設定表單的設定，包括表單提交後對應聯絡人的處理方式、使用者通知設定，以及表單的預設語言。您可以設定聯絡人的行銷狀態、生命週期階段等。某些選項可能無法顯示，視您的 HubSpot 訂閱而定。

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 建立新表格或將滑鼠移至現有表格，然後按一下編輯。
• 在左側面板中，按一下settings 設定圖示。
• 在一般索引標籤上，設定下列一般表格設定：
  
  • 自動從未知的電子郵件地址建立新聯絡人： 選擇此選項可為每次提交的唯一電子郵件地址建立新聯絡人記錄。如果提交的電子郵件地址與資料庫中的現有聯絡人記錄相符，則會更新現有記錄的詳細資訊。
    • 如果關閉此選項，HubSpot 會首先嘗試將提交的電子郵件地址與現有聯繫人相關聯。如果該電子郵件地址不存在聯絡人，HubSpot會根據瀏覽器中的cookie來識別和更新您的聯絡人。如果同一裝置多次提交同一表單，這可能會導致聯絡人被覆寫。
    • 如果開啟此選項，當聯絡人在已有 cookie 的瀏覽器上使用不同的電子郵件提交表單時，將不會追蹤此聯絡人的檢視。使用已知值預先填入聯絡人欄位的選項也會自動停用。
  • 將新聯絡人設定為行 銷聯絡人： 如果您的 HubSpot 帳戶有存取行銷聯絡人的權限，您可以自動將任何已提交此表單的聯絡人設定為行銷聯絡人。這包括新的和現有的聯絡人。
  • 為回訪者預先填入欄位：如果聯絡人之前造訪過您的網站並提交表單，且 HubSpot 能夠儲存並追蹤他們的 cookies，則任何已知的欄位值都可以預先填入表單中。此選項預設為啟用。進一步了解預先填入的表單欄位。
    
  • 表單縮短：如果您購買了 Breeze Intelligence 信用額度，您可以通過自動隱藏任何可以由 Data Enrichment 填寫的表單欄位來簡化您的表單。瞭解更多關於表單縮短的資訊。
  • 添加到營銷活動：如果您有Marketing Hub Professional 或 Enterprise訂閱，您可以將表單與營銷 活動相關聯：
    • 若要將表單與現有的行銷活動連結，請按一下行銷活動下拉式功能表，然後選擇一個行銷活動。
    • 若要將表單與新的廣告系列關聯，請按一下廣告系列下拉式功能表，然後按一下建立廣告系列。然後繼續設定您的廣告系列。

• • 提交時，更新聯絡人和公司的生命週期階段： 按一下設定生命週期階段為下拉式功能表，然後選擇生命週期階段。訪客提交表單時，任何新記錄或現有記錄都將設定為所選的生命週期階段。
    • 您不能將記錄的生命週期階段向後移動。如果生命週期階段較後的現有聯絡人或公司提交表單，生命週期階段將不會更新。
    • 表單中設定的生命週期階段會覆蓋 HubSpot 設定 中設定的預設生命週期階段 。

• 若要自訂提交設定，請在左側面板中，按一下提交設定 索引標籤。自訂下列表單提交設定：
  • 傳送給聯絡人所有者： 自動傳 送 通知 給聯絡 人所有者。如果聯絡人沒有擁有者，則不會傳送通知。瞭解 HubSpot 中關於 物件擁有權的更多資訊 。
  • 傳送給其他使用者： 選擇預設的團隊或個人，以傳送提交電子郵件通知，不論聯絡人的所有權。此處設定的收件人將被 HubSpot 頁面上表單選項中設定的收件人覆蓋。

  • 要封鎖的其他電子郵件網域：輸入要封鎖表單提交的特定電子郵件網域。例如，如果您要封鎖來自email@domain.com 的提交，您可以新增 domain.com。若要封鎖來自所有免費電子郵件提供者的提交，請按一下以切換「封鎖免費電子郵件提供者」開關。

• 若要自訂表單語言設定，請按一下語言與區域索引標籤。按一下主要語言下拉式功能表，然後選擇表單的預設語言。錯誤訊息、預設屬性的標籤、說明文字、占位符文字和預設值都會翻譯成這種語言。
• 為您的表單建立 AI 翻譯(僅限Marketing Hub或Content Hub Professional和Enterprise)：
  • 切換「啟用所有表單內容的 AI 翻譯」開關。
  • 在主要語言 下拉式功能表中， 選擇您要將表單翻譯成的語言。錯誤訊息、預設屬性的標籤、說明文字、占位符文字、預設值、自訂標籤、豐富文字和同意文字將自動翻譯為此語言。
  • 如果您在上次翻譯後更新了表單，請按一下立即重新翻譯以更新翻譯。

管理表單欄位的即時驗證

如果您已經 設定了屬性的驗證規則，這些規則將適用於表單欄位，訪客必須符合這些要求才能提交表單。表單欄位上的即時驗證可讓訪客即時回饋其輸入內容，讓糾正錯誤和準確填寫表單變得更容易。

例如，如果您已設定訂單編號屬性的驗證規則，使其僅包含數字值，則訪客將收到回饋，以更正任何非數字輸入。