建立表單並 新增表單欄位後,即可自訂表單欄位與欄位選項。
若尚未新增任何表單欄位,請了解如何新增現有表單欄位或建立新表單欄位。
編輯表單欄位
編輯表單欄位的步驟:
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 建立新表單,或將游標懸停於現有表單上並點擊「編輯」。
- 若要編輯欄位的選項,請在右側面板中點擊 表單預覽中的 欄位。
- 在左側面板中,點擊展開「欄位選項」 區段。此處的選項可能因欄位屬性類型而異。
-
- 說明文字:位於欄位標籤下方的資訊性文字,協助訪客填寫欄位。
- 佔位符文字: 顯示於欄位輸入框內的預設文字 。訪客輸入值後文字將消失,即使欄位留空,提交時亦不會傳送此文字。
- 預設值: 除非訪客修改,否則表單提交時將自動填入此值 。
- 隱藏欄位:啟用此選項時,欄位值將透過表單提交設定,但訪客無法看見該欄位。啟用後請設定表單提交時傳遞至屬性的預設值。
- 必填欄位:啟用此選項後,表單提交時必須填寫此欄位。若欄位已設為必填,則無法同時設為隱藏。
在表單欄位中新增或編輯選項
若要為複選框、單選按鈕或下拉選單表單欄位新增選項,必須先編輯原始屬性。待屬性更新後,即可於表單編輯器中新增欄位選項。瞭解如何編輯枚舉屬性選項。
若要為表單欄位新增選項:
- 更新現有屬性以新增值項。
- 前往行銷>表單。
- 將游標懸停於現有表單上並點擊編輯。
- 在表單預覽中,點擊您要新增選項的欄位。
- 在左側面板中,點擊展開「欄位選項」區段。
- 於欄位選項表格底部點擊「新增選項」。
- 於對話方塊中,勾選欲新增至表單欄位的可用選項旁的核取方塊。點擊新增選取之選項。
- 於右上角點擊檢視並更新。
編輯或移除表單欄位選項:
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」。 或 建立新表單
- 於表單編輯器中,點擊欄位以自訂其選項。
- 在左側面板的「欄位選項」區段中 :
- 要編輯現行選項,請將游標懸停於選項上並點擊編輯圖示。
- 若要移除現行選項,請將游標懸停於選項上並點擊刪除圖示。
- 選取某個選項即可將其設為預設選項。
- 於右上角點擊檢視與更新。
編輯其他表單元素
與表單欄位類似,這些元素可置於其他欄位上方、下方或旁邊。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 建立新表單,或將游標懸停於現有表單上並點擊「編輯」。
- 編輯圖片欄位:
- 於右側面板中,點擊表單預覽中的圖片欄位。
- 於左側面板編輯圖片:
- 若要替換圖片,請點擊右上角的「替換圖片」圖示。
- 編輯圖片時,請點擊右上角的 編輯圖示。
- 刪除圖片時,請點擊右上角的刪除 圖示。
-
-
- 要調整圖片尺寸,請點擊「尺寸」下拉式選單並選擇選項:
- 自動調整: 圖片將根據瀏覽者的瀏覽器與裝置自動調整尺寸。
- 精確寬高:圖片 將在所有裝置上維持指定尺寸,不會根據螢幕自動調整大小。
- 在連結(選填)欄位中, 輸入訪客點擊圖片時將被重定向的網址。
- 在「 圖片對齊」設定中,可選擇水平或垂直方向的左對齊、居中對齊或右對齊選項。
- 若需將對齊方式重設為原始設定,請點擊「重設對齊」。
- 編輯標題欄位
- 在右側面板中,點擊表單預覽中的標題欄位。
- 在左側面板中,點擊標題層級下拉式選單以變更標題層級。可選擇H1至H6 層級。
- 在「對齊方式」區塊中,點擊左對齊、居中對齊或右對齊選項。
- 若要將對齊方式重設為原始設定,請點擊「重設對齊」。
- 編輯「 富文字」欄位:
- 在右側面板中,點擊表單預覽中的「富文本欄位」。
- 於左側面板點擊「 在擴展檢視中編輯」。使用富文字工具列設定文字格式與樣式。瞭解更多關於編輯富文字模組內容的資訊。
- 編輯資料隱私欄位:
- 在右側面板中,點擊表單預覽中的「資料隱私欄位」。
- 點擊「您希望如何記錄聯絡人的授權?」下拉式選單並選擇選項。瞭解更多關於通知與同意選項的資訊。
- 在「您希望收集哪些同意項目?」區塊中, 針對表單上欲提供的每項通訊訂閱服務,勾選 或取消勾選對應的訂閱類型。
- 若需新增訂閱類型核取方塊,讓訪客可同意接收多類通訊內容,請點擊「新增另一項訂閱」。
- 若需包含隱私權政策聲明,請勾選「包含隱私權政策聲明」核取方塊。瞭解如何在表單中新增通知與同意資訊。
- 於右上角點擊「檢視與更新」以發佈表單更新內容。
自訂日期欄位
在表單中新增日期欄位後,可選擇訪客於表單欄位中使用的日期格式類型,例如DD/MM/YYYY或MM-DD-YYYY。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」。
- 將游標懸停於日期欄位上,點擊編輯 按鈕。
- 在右側面板中,點擊「日期」欄位。
- 在左側面板中,點擊「 格式」下拉式選單,然後選擇您想要的日期格式。
- 在右上角點擊檢視與更新。
自訂檔案上傳欄位
在表單中新增檔案上傳欄位後,可允許訪客隨表單提交上傳一個或多個檔案。當訪客上傳檔案並提交表單時,該檔案將儲存於檔案管理器的隱藏資料夾中。
該檔案連結將顯示於 HubSpot 聯絡人記錄中。所有上傳檔案連結皆會包含於表單提交資料,並記錄在個別聯絡人時間軸的表單提交事件中。
自訂檔案上傳欄位步驟:
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」,然後選擇 「編輯」。
- 在右側面板中,將游標懸停於檔案上傳欄位並點擊編輯 按鈕。
- 在左側面板中,向下滾動並勾選允許多個檔案的核取方塊。
- 在右上角點擊檢視與更新。
請注意:單一及多重檔案上傳欄位的檔案大小上限皆為100MB。在多重檔案上傳欄位中,只要檔案總大小不超過 100MB,即可上傳不限數量之檔案。
- 若需上傳多個檔案,請在檔案管理器中選取所有檔案。上傳選取檔案後,若再次點擊「選擇檔案」按鈕並選取其他檔案,原始檔案將被覆寫。無法逐一上傳多個檔案。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」後選擇 「編輯」。
- 在右側面板懸停於電話號碼欄位,點擊編輯按鈕。
- 在左側面板中編輯標籤、說明文字並設定預設值。
- 下拉式選單中選擇的國家代碼將設定為該欄位的預設值。
- 於右上角點擊檢視並更新。
在表單中新增部落格訂閱欄位
建議為訪客設置預設部落格訂閱表單。若您具備工作流程權限,亦可為表單建立自訂核取方塊欄位,再透過工作流程自動訂閱這些聯絡人。
將預設部落格訂閱欄位新增至表單
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」後選擇 「編輯」。
- 於左上角點擊「+ 新增」圖示。
- 在左側面板點擊「屬性」。 接著在搜尋框輸入「訂閱」 。搜尋結果將顯示您的部落格訂閱屬性,標籤為[部落格名稱]電子郵件訂閱。
- 將部落格電子郵件訂閱欄位拖曳 至表單中的目標位置。
- 於表單編輯器中點擊電子郵件訂閱欄位 以編輯欄位選項。
- 於右上角點擊檢視與更新以更新即時表單。
需要訂閱
若要透過工作流程更新自訂訂閱欄位,需具備專業版或 企業版訂閱方案。
您可建立自訂核取方塊屬性並新增至表單,再透過工作流程更新該屬性。勾選核取方塊並提交表單的聯絡人,其核取方塊屬性值將設定為 是。此操作將使聯絡人進入工作流程,並將其部落格訂閱屬性更新為您指定的訂閱頻率。
- 建立單一核取方塊聯絡人屬性:
- 建立自訂聯絡人屬性,並將欄位類型設定為「單一核取方塊」。
- 請確保已勾選「在表單中顯示此屬性」選項。
- 設定工作流程將聯絡人新增為部落格訂閱者:
- 建立基於聯絡人的工作流程。
- 將註冊觸發器設定為註冊勾選此核取方塊的聯絡人。
- 在工作流程中點擊「設定觸發器」。
- 於左側面板選擇「當篩選條件符合時」。
- 選擇「聯絡人屬性」。接著搜尋並選取「新訂閱核取方塊」屬性。
- 選擇「是其中之一」,點擊下拉式選單並選擇「是」。
- 點擊+ 圖示以新增工作流程動作。
- 在左側面板中,點擊「CRM」。接著選擇「編輯記錄」。
- 點擊「要編輯的屬性」下拉選單,選擇[部落格名稱]電子郵件訂閱屬性。
- 點擊「選擇值」下拉式選單,為聯絡人設定訂閱頻率。
- 於右上角點擊檢視並發佈。
- 檢視您的工作流程動作與設定。在右上角點擊啟用。
- 將核取方塊欄位新增至表單:
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將游標懸停於表單名稱上,點擊「動作」後選擇 「編輯」。
- 於左上角點擊+ 新增圖示。
- 於左側面板點擊「屬性」。接著 在搜尋框中輸入單一核取方塊聯絡人屬性的名稱:
-
- 將屬性拖放至表單中所需位置。
- 於表單編輯器中點擊欄位以編輯欄位選項。
Forms