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

新建彈出窗體

上次更新時間: 十一月 21, 2022

套用至:

所有產品和版本

使用彈出式表單工具,您可以建立吸引人的線索捕捉表單,以吸引新的線索。 您可以在HubSpot上託管的任何網誌文章、登陸頁面或網站頁面上使用p op-up表單。 

若要將彈出表單新增至外部頁面,您必須在外部網站上安裝HubSpot追蹤代碼,或在WordPress網站上安裝HubSpot WordPress外掛程式。

新建彈出窗體

若要新建彈出式窗體: 
  • 在您的HubSpot帳戶中,瀏覽至表單
    • 如需 業和企業帳戶,請瀏覽市場推廣」>「索捕捉」>「表格
    • 如需新手免費帳戶,請瀏覽「市場推廣」>「表單」。
  • 按一下右上角的建立表單
  • 若要將表單與業務單位關聯(僅限業務單位加載項) :
    • 按一下[選擇業務單位]下拉選單。
    • 選擇要與此表單關聯的業務單位。  
  • 選擇表單類型。若要建立彈出式表單,請選擇以下表單類型之一:
    • 彈出框
    • 下拉橫幅
    • 在左框中滑入
    • 滑入右框
  • 在右上角,按一下下一步
  • 在表單編輯器的頂部, 按一下編 鉛筆圖示 以編輯表單名稱。

設定標記 

在「記」標籤上,新增和自訂標記文字,吸引訪客的注意力。 任何標記自訂項目都會顯示在右側的預覽中,因此您知道彈出式窗體在網頁上顯示時會是什麼樣子。

  • 特色圖片:  選擇一個特色圖片以顯示在標記和表單步驟(僅彈出框和滑入框)。
  • 標誌文字:輸入標誌主標題的文字。
  • 標記正文:在標記上輸入其他資訊或詳情。 這是可選的。
  • 標記按鈕文字:輸入標記表單按鈕文字。
  • 主題顏色:設定彈出表單按鈕的主題顏色。 從顏色選取器中選擇自訂顏色,或手動輸入十六進制值
  • 連結按鈕:選擇標記按鈕將連結到哪裡。
    • 表單步驟:將用戶導向到彈出表單中的表單。 按一下「表單」標籤來自訂表單
    • 非HubSpot網址:輸入外部頁面的連結。
    • HubSpot頁面或博客文章 Marketing HubCMS Hub S tarterProfessional或Enterprise :在下拉式選單中選擇HubSpot頁面或博客文章。
    • 檔案下載:按一下瀏覽檔案以新增檔案。
    • 會議連結:從下拉菜單中選擇會議連結。
    • 日曆活動:建立日曆活動並配置活動詳情。 活動將在客戶的Google或Outlook日曆中建立。 


自定義彈出窗體

如果您的標記按鈕連結到表單步驟,您可以自訂顯示的表單。 在「表單」標籤上,自訂以下細節:
  • 表單正文:輸入表單欄位前面將顯示的任何其他資訊或詳細資料。 這是一個可選的步驟。   
  • 新增欄位:選擇彈出式窗體的欄位。 預設的電子郵件欄位會自動包含在表單中,最多可以新增四個欄位。
    • 若要為表單新增其他欄位,請按一下+新增其他表單欄位。
      • 彈出式窗體支援以下字段類型:單行文字、多行文字、下拉式選擇、單個核取方塊、數字、日期選擇器和檔案。
      • 營銷中心初始帳戶、專業帳戶和企業帳戶的用戶可以在彈出式表格中建立自訂聯絡人屬性
    • 若要自訂表單欄位對訪客的顯示方式,請按一下編鉛筆圖示
      • 您可以編輯欄位標籤、新增佔位符文字或輸入預設值。
      • 對於「電子郵件」欄位,您可以指定要封鎖的電子郵件地址和網域。
  • 表單按鈕文字:自訂表單按鈕文字。 預設情況下,「標記」籤中的表單按鈕文將填充此欄位。 
  • 通知和同意/合法權益( GDPR ) :如果您在HubSpot帳戶中啟用了GDPR ,您可以設定此彈出表單的通知和同意選項若要自訂預設文字,請按一下編鉛筆圖示
  • 語言:設定表單語言。這將變更表單欄位標籤、通知和同意/正當興趣訊息,以及表單上顯示的錯誤訊息。 所有其他可編輯欄位都需要手動翻譯。
  • CAPTCHA :啓用CAPTCHA以提供額外的保護,防止垃圾郵件提交。

建立表單謝謝訊息

如果你的標記按鈕連結到表單步驟,請在「謝謝」標籤上配置訪客提交彈出表單後發生的情況。 

  • 在「感謝訊息」欄位中,輸入訊息以在訪客提交彈出式窗體後顯示。 您可以使用富文本編輯器格式化文本。
  • 若要在感謝訊息後新增按鈕,以便將訪客重定向到其他地方:
    • 選擇 增按鈕核取方塊。
    • 自定義按鈕文字
    • 選擇按鈕連結:
      • 非HubSpot網址:將訪客重定向到外部頁面。 輸入頁面網址
      • HubSpot頁面或博客文章 Marketing HubCMS Hub S tarterProfessional或Enterprise從下拉菜單中選擇HubSpot頁面或博客文章。 
      • 檔案下載:按一下瀏覽檔案以新增檔案。
      • 會議連結:從下拉菜單中選擇會議連結。
      • 日曆活動:建立日曆活動並配置活動詳情。 活動將在客戶的Google或Outlook日曆中建立。 

 

請注意:使用HubSpot免費工具的帳戶必須完成電子郵件設定向導,才能啟用彈出式表單的雙重選入功能。建立後續電子郵件會自動在表單中新增驗證碼。

自定義彈出窗體的定位

透過選擇您希望此彈出式窗體在網站上顯示的時間來定位您的訪客。 Dd篩選器可以組合多組規則,以確定何時顯示彈出式窗體。 進一步了解目標定位規則

網站網址

您可以為特定網頁網址和/或查詢參數值新增條件輯理。 預設情況下,彈出式窗體會顯示在所有頁面上。

  • 若要顯示訪客在特定網站網址時的彈出表單,請前往網站網址部分
    1. 按一下第一個下拉選單 ,然後選擇網站網址
    2. 按一下第二下拉選單 ,然後選擇目標規則
    3. 在文字欄位中輸入規則標準。


  • 若要顯示訪客在網站網頁上的彈出表單,其網址包含特定查詢參數:
    1. 按一下第一個 下拉菜單 然後選擇 查詢參數。
    2. 在第一個文字欄位中,輸入查 詢參數名稱
    3. 按一下下拉式選單,然後選擇 目標規則
    4. 在第二個文字欄位中,輸入查詢參數值。


  • 若要新增其他規則,請按一下新增規則
  • 若要從某些頁面(例如隱私權政策頁面)排除彈出式窗體,請按一下 新增排除規則

訪客資訊和行為(選填)

您也可以根據已知訪客資訊和行為,將彈出式窗體定位到特定聯絡人。 您可以新增的篩選規則類型取決於帳戶的訂閱。 營銷中心 業和企業帳戶可以建立篩選條件,並提供顯示或隱藏彈出式窗體的額外條件。

若要根據訪客資訊設定標準,請前往「訪客資訊和行為 」部分:

  • 選擇何時顯示彈出表單:
    • 在「顯示彈出式窗體」平塊上,按一下第一個下拉菜單以選擇顯示彈出式窗體的時間。
    • 點擊下一個下拉菜單,選擇篩選規則
    • 若要新增更多關於何時顯示彈出表單的規則,請點擊新增規則並選擇篩選條件。
  • 選擇何時隱藏彈出式窗體:
    • 按一下新增排除規則
    • C勾選第一個下拉菜單,以選擇彈出式窗體應該隱藏的時間。 
    • 點擊下一個下拉菜單,選擇篩選規則
    • 若要新增更多關於何時隱藏彈出式窗體的規則,請點擊新增排除規則並選擇篩選條件。
  • 若要建立另一組篩選規則,請按一下「新增篩選組」,然後選擇篩選規則。

add-filter-groups

觸發器

設定彈出窗體應該在頁面上出現的時間。


請注意:

  • 選擇多個觸發器時,表單將根據首先滿足的觸發條件而出現。 

  • 當聯絡人填寫您的彈出表單時,如果他們在同一瀏覽會話中,就不會再次顯示。 

 

您可以選擇以下選項:

  • 在50%捲動時:當訪客在頁面中間捲動時,表單會顯示。
  • 退出意向 僅限彈出方塊) :訪客將遊標移動到瀏覽器視窗的頂欄時,會顯示表單。
  • 經過時間後:表單將在指定的秒數後出現。

自定義彈出窗體 

在「選項」標籤上,進一步自訂彈出式窗體設定。 根據您的HubSpot訂閱和您新增的整合,某些選項可能無法顯示。 您可以配置以下選項:

  • 日程安排(僅限 業或企業帳戶) :預設情況下,會立即發佈彈出表單。 若要安排彈出式窗體,使之僅從特定日期啟用,請選擇「安排」以供稍後使用
    • 若要在特定日期和時間發佈彈出式表單,請按一下開始日期時間下拉菜單,並設定日期和時間。
    • 若要在特定日期和時間取消發佈彈出式表單,請按一下設定取消發佈日期和時間核取方塊,然後按一下結束日期時間下拉選單,並設定日期和時間。 
  • 建立聯絡人或公司時,設定生命周期階段:按一下設定生命周期狀態下拉選單,然後選擇生命周期階段。 當訪客提交表單時,相應的記錄將設置為所選的生命周期階段。
    • 您不能向後移動記錄的生命周期階段。 如果現有的聯絡人或具有後期生命周期階段的公司提交表格,生命周期階段將不會更新。  
  • 小屏幕尺寸:若要關閉行動裝置上的彈出式窗體,請選擇 關閉小屏幕尺寸上的彈出式窗體核取方塊。 雖然彈出式窗體已經進行移動優化,但建議在移動時停用它們
  • 在以下時間之後再次顯示已取消的彈出式窗體:按一下下拉菜單,以設定訪客取消彈出式窗體之後,在彈出式窗體再次顯示之前應該經過的時間。
  • 新增聯絡人至Salesforce活動:如果您使用的是Salesforce整合,請按一下下拉式選單,將任何提交彈出式窗體的聯絡人與Salesforce活動關聯。
  • 將聯絡人添加到GoToWebinar :如果您使用的是GoToWebinar整合,請按一下下拉式選單,以註冊任何提交特定網絡研討會的彈出式表單的聯絡人。
  • 捕捉聯絡人時,請將電子郵件通知發送至:點擊下拉菜單,在捕捉聯絡人時通知HubSpot用戶或團隊。
  • 發送選擇加入的電子郵件:若要管理彈出式表單的雙重選擇加入設定,請按一下設定中的管理
  • 將聯絡人設定為市場推廣聯絡人:如果您的HubSpot帳戶可以存取市場推廣聯絡人,您可以自動將從此表單建立的任何聯絡人設定為市場推廣。 
  • 向電子郵件提供商推送新聯絡人(選填) :若要設定電子郵件提供商以推送聯絡人,請在設定中按一下管理。 進一步瞭解如何將聯絡人推送到MailChimp清單

在彈出窗體中使用自動化



使用簡單的自動化功能,例如向聯絡人發送後續電子郵件,或使用彈出式表單發送自動內部電子郵件通知。 您也可以在簡單的工作流程中使用表單提交作為觸發器。 進一步瞭解如何使用表單工具使用自動化。  

  • 在頂部,按一下自動標籤。 在「自動」標籤中,您可以配置表單提交後會發生的情況。   
    • 「選擇表單提交後會發生什麼」部分,請根據需要為表單設定設定。
    • 「建立簡單的工作流程」部分,設定簡單的工作流程,以自動執行跟進操作,例如發送電子郵件或設定聯絡屬性。 

預覽您的彈出表單

在「預覽」標籤上,您可以測試彈出式表單的互動預覽。

  • 若要查看彈出式窗體在不同裝置上的顯示方式,請按一下左上角的桌面平板電腦手機按鈕。
  • 若要檢視彈出式表單的每個步驟,請按一下左右箭頭圖示

發佈和取消發佈彈出式表單

  • 完成表單設定後,按一下右上角的「發佈」,即可上線使用彈出式表單。
  • 您也可以從「選項」標籤中取消發佈即時表單: 
    • 瀏覽至「選項」標籤。
    • 按一下取消發佈。 
    • 在「」對話方塊中,按一下取消發佈彈出式窗體
    • 取消發佈表單後,你可以選擇返回表單控制面板,選擇前往控制面板;或留在表單編輯器中,選擇停留在編輯器中。 

New Call-to-action

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.