上次更新時間： 一月 20, 2023
使用彈出式表單工具，您可以創建引人入勝的潛在客戶捕獲表單，以吸引新的潛在客戶。 您可以使用HubSpot上託管的任何博客文章，登陸頁面或網站頁面。
若要將彈出式表單新增至外部網頁，您必須在外部網站上安裝HubSpot追蹤程式碼，或在WordPress網站上安裝HubSpot WordPress外掛程式碼。
新建彈出窗體
要新建彈出窗體：- 在您的HubSpot帳戶中，導航到表單：
- 對於專業和企業帳戶，請前往「市場推廣」>「潛在客戶」>「表格」。
- 如需初學者和免費帳戶，請前往「市場推廣」>「表格」。
- 在右上角，按一下建立表單。
- 若要將表單與業務部門關聯（僅限業務部門附加元件） ：
- 按一下選擇業務部門下拉式選單。
- 選擇您要將此表單與之關聯的業務部門。
- 選擇表單類型。若要建立彈出式表單，請選擇下列表單類型之一：
- 彈出框
- 下拉橫幅
- Slide in left box
- 滑入右框
- 在右上角，按一下下一步。
- 在表單編輯器頂部， 按一下編 鉛筆圖示 以編輯表單名稱。
設定標注
在「標注」標籤上，新增和自訂標注文字，以吸引訪客的注意力。 任何自訂標題都會顯示在右側的預覽中，因此您可以了解彈出式表單在頁面上發佈時的樣子。
- 特色圖片： 選擇一個特色圖片以顯示在標注和表單步驟上（僅限彈出框和滑入框）。
- 標注文字：輸入標注上主要標題的文字。
- 標注正文：在標注上輸入任何其他資訊或詳細資訊。 這是可選的。
- 標注按鈕文字：輸入標注表單按鈕文字。
- 主題顏色：設定彈出式表單按鈕的主題顏色。 從顏色選取器中選擇自訂顏色或手動輸入十六進制值。
- 連結按鈕：選擇標注按鈕將連結到的位置。
- 表單步驟：引導您的用戶從彈出式表單到表單。 按一下「表單」標籤，自訂您的表單。
- 非HubSpot URL ：輸入指向外部網頁的連結。
- HubSpot頁面或部落格文章（ Marketing Hub或CMS Hub S tarter、Professional或Enterprise ） ：在下拉列表中選擇HubSpot頁面或部落格文章。
- 檔案下載：按一下瀏覽檔案以新增檔案。
- 會議連結：從下拉式選單中選擇會議連結。
- 日曆活動：建立日曆活動並設定活動詳情。 該活動將在客戶的Google或Outlook日曆中創建。
自定義彈出窗體
如果您的標注按鈕鏈接到表單步驟，您可以自訂顯示的表單。 在「表單」標籤上，自訂以下詳細資訊：- 表單正文：輸入將在表單欄位之前顯示的任何其他信息或詳細資訊。 這是一個可選的步驟。
- 新增欄位：選擇彈出式表單的欄位。 預設的電子郵件欄位會自動包括在內，最多可以在表單中添加四個欄位。
- 若要在表單中新增其他欄位，請按一下+新增其他表單欄位。
- 彈出式表單支援以下欄位類型：單行文字、多行文字、下拉選擇、單一核取方塊、數字、日期選擇器和檔案。
- Marketing Hub Starter、Professional和Enterprise帳戶中的使用者可以在彈出式表單中建立自訂聯絡人屬性。
- 若要自訂表單欄位對訪客顯示的方式，請按一下鉛筆圖示。
- 您可以編輯欄位標籤、新增佔位符文字或輸入預設值。
- 對於「電子郵件」欄位，您可以指定要封鎖的電子郵件地址和網域。
- 若要在表單中新增其他欄位，請按一下+新增其他表單欄位。
- 表單按鈕文字：自訂表單按鈕文字。 預設情況下，「標注」標籤中的表單按鈕文字將填充此欄位。
- 通知和同意/合法利益(GDPR) ：如果您在HubSpot帳戶中啟用了GDPR ，您可以為此彈出式表單設置通知和同意選項。 若要自訂預設文字，請按一下鉛筆圖示。
- 語言：設定表單語言。這將變更表單欄位標籤、通知和同意/合法利益訊息，以及表單上顯示的錯誤訊息。 所有其他可編輯的欄位都需要手動翻譯。
- CAPTCHA ：啟用CAPTCHA以提供額外的保護，防止垃圾郵件提交。
建立表格感謝訊息
如果您的標注按鈕鏈接到表單步驟，請在「謝謝」標籤頁上設定訪客提交彈出式表單後會發生什麼。
- 在「感謝訊息」欄位中，輸入訪客提交彈出式表單後要顯示的訊息。 您可以使用富文本編輯器格式化您的文本。
- 若要在感謝訊息後新增按鈕，以將訪客重定向到其他地方：
- 選取「新增按鈕」核取方塊。
- 自訂按鈕文字。
- 選擇按鈕的連結：
- 非HubSpot URL ：將訪客重定向到外部頁面。 輸入頁面URL。
- HubSpot頁面或部落格文章（ Marketing Hub或CMS Hub S tarter、Professional或Enterprise ） ：從下拉式選單中選擇HubSpot頁面或部落格文章。
- 檔案下載：按一下瀏覽檔案以新增檔案。
- 會議連結：從下拉式選單中選擇會議連結。
- 日曆活動：建立日曆活動並設定活動詳情。 該活動將在客戶的Google或Outlook日曆中創建。
請注意：使用HubSpot免費工具的帳戶必須完成電子郵件設定精靈，以便啟用彈出式表單的雙重選擇，創建後續電子郵件將自動向表單添加驗證碼。
自定義彈出窗體的定位
透過選擇您希望此彈出式表單出現在網站上的時間來定位訪客。 Dd過濾器用於組合多組規則，以確定何時顯示彈出式表單。 進一步了解目標設定規則。
網站網址
您可以為特定網頁URL和/或查詢參數值新增條件邏輯。 預設情況下，彈出式表單將出現在所有頁面上。
- 若要在訪客使用特定網站網址時顯示彈出式表單，請前往網站網址部分：
- 按一下第一個下拉式選單 ，然後選擇網站網址。
- 按一下第二個下拉式選單 ，然後選擇目標規則。
- 在文字欄位中輸入規則條件。
- 若要在網頁上顯示彈出式表單，網頁的URL包含特定查詢參數，請按照以下步驟操作：
- 按一下第一個下 拉式選單 ，然後選擇 查詢參數。
- 在第一個文字欄位中，輸入查 詢參數名稱。
- 按一下下拉列表並選擇目 標規則。
- 在第二個文字欄位中，輸入查詢參數值。
- 若要新增其他規則，請按一下「新增規則」。
- 若要從某些頁面（例如隱私權政策頁面）中排除彈出式表單，請按一下「 新增排除規則」。
- 選擇何時隱藏彈出式表單：
- 按一下新增排除規則。
- 選取第一個下拉式選單，選擇何時應隱藏彈出式表單。
- 按一下下一個下拉式選單，選擇篩選規則。
- 若要新增更多關於何時隱藏彈出式表單的規則，請按一下新增排除規則，然後選擇篩選條件。
- 若要建立另一組篩選規則，請按一下新增篩選組，然後選擇篩選規則。
觸發器
設定彈出式表單何時出現在頁面上。
請注意：
-
當選擇多個觸發器時，表單將根據首先滿足的觸發條件出現。
-
當聯絡人填寫您的彈出式表單時，如果它們在同一瀏覽會話中，它將不會再次顯示。
您可以選擇以下選項：
- 50%捲動：當訪客在頁面中間捲動時，表單將出現。
- 退出意圖 （僅限彈出框） ：當訪客將光標移動到瀏覽器視窗的頂部欄位時，表單將出現。
- 經過時間後：表單將在指定的秒數後出現。
自訂彈出式表單選項
在「選項」標籤上，進一步自訂彈出式表單設定。 某些選項可能無法顯示，具體取決於您的HubSpot訂閱和您新增的整合。 您可以設定下列選項：
- 排程（僅限專 業或企業帳戶） ：預設情況下，系統會立即發佈彈出式表單。 若要預約彈出式表單，使其僅從特定日期開始啟用，請選擇「預約以供日後使用」。
- 若要在特定日期和時間發佈彈出式表單，請按一下「開始日期和時間」下拉式選單，並設定日期和時間。
- 若要在特定日期和時間取消發佈彈出式表單，請按一下[設定取消發佈日期和時間]核取方塊，然後按一下[結束日期和時間]下拉式選單，並設定日期和時間。
- 建立聯絡人或公司時設定生命週期階段：按一下「設定生命週期狀態」下拉式選單，然後選擇生命週期階段。
當訪客提交表單時，相應的記錄將設置為所選的生命週期階段。
- 您不能將記錄的生命週期階段向後移動。 如果現有聯絡人或具有後期生命週期階段的公司提交表單，則生命週期階段將不會更新。
- 表單中設定的生命週期階段將覆蓋在HubSpot設定中設定的預設生命週期階段。
- 小螢幕尺寸：若要在行動裝置上關閉彈出式表單，請選取 關閉小螢幕尺寸彈出式表單核取方塊。 雖然彈出式表單是行動優化的，但建議在行動裝置上停用它們。
- 之後再次顯示已解散的彈出式表 單：按一下下拉式選單，以設定訪客解散彈出式表單後，再次顯示彈出式表單之前應該經過的時間。
- 向Salesforce廣告活動新增聯絡人：如果您使用的是Salesforce整合，請按一下下拉式選單，將任何提交彈出式表單的聯絡人與Salesforce廣告活動相關聯。
- 將聯絡人新增至GoToWebinar ：如果您使用的是GoToWebinar整合，請按一下下拉式選單，註冊任何為特定網路研討會提交彈出式表單的聯絡人。
- 捕獲聯絡人時，請將電子郵件通知發送至：按一下下拉式選單，以便在訪客提交表單並捕獲聯絡人時通知HubSpot用戶或團隊。 電子郵件通知只能發送給您帳戶中的現有HubSpot用戶。
- 傳送選擇加入電子郵件：若要管理彈出式表單的雙重選擇加入設定，請點擊設定中的管理。
- 將建立的聯絡人設為行銷聯絡人：如果您的HubSpot帳戶可以存取行銷聯絡人，您可以自動將從此表單建立的任何聯絡人設為行銷聯絡人。
- 向電子郵件供應商推送新聯絡人（選填） ：若要設定電子郵件供應商以推送聯絡人，請在設定中按一下管理。 進一步了解如何將聯絡人推送至MailChimp清單。
使用彈出式表單自動化
使用簡單的自動化功能，例如向聯絡人發送跟進電子郵件或使用彈出式表單發送自動內部電子郵件通知。 您也可以在簡單的工作流程中使用表單提交作為觸發器。 進一步了解如何使用表單工具使用自動化功能。
- 按一下頂部的「自動化」分頁。
在「自動化」分頁中，您可以設定表單提交後發生的情況。
- 在「選擇表單提交後的操作」部分中，根據需要為您的表單進行設定。
- 在「建立簡單工作流程」部分， s設定一個簡單工作流程，以自動執行後續行動，例如發送電子郵件或設定聯絡人屬性。
預覽彈出式表單
在「預覽」標籤上，您可以測試彈出式表單的交互式預覽。
- 若要查看您的彈出式表單在不同裝置上的顯示方式，請按一下左上角的「桌面」、「平板電腦」或「手機」按鈕。
- 若要檢視彈出式表單的每個步驟，請按一下箭頭圖示
發佈和取消發佈您的彈出式表單
- 完成表單設定後，在右上角按一下「發佈」，即時顯示您的彈出式表單。
- 您也可以從「選項」標籤中取消發佈實時表單：
- 前往「選項」標籤。
- 按一下取消發佈。
- 在對話方塊中，按一下取消發佈彈出式表單。
- 取消發佈表單後，您可以選擇返回表單控制面板，選擇前往控制面板，或選擇留在編輯器中，留在表單編輯器中。
