知識庫

建立彈出式表單

作者:HubSpot Support | Nov 21, 2022 12:47:17 PM

使用彈出式表單工具,您可以建立引人入勝的潛在客戶擷取表單,以吸引新的潛在客戶。 您可以在HubSpot上託管的任何部落格貼文、登陸頁面或網站頁面中使用彈出式表單。 

如果你想透過按鈕觸發彈出式視窗,或進一步自訂彈出式視窗,建議你改為使用表單建立行動呼籲 。 

請注意:在7月17日,彈出式表單工具是日落。 所有Starter、Professional和Enterprise版使用者都無法再建立或複製彈出式表單。 使用者仍然可以編輯、刪除和取消發佈現有的彈出式表單。 建議使用新的行動呼籲工具來建立置頂橫幅、彈出式方塊或滑入式行動呼籲。

建立彈出式表單

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

若要建立新的彈出式表單,請按照以下步驟 

  • 在HubSpot帳戶中,前往表單:
    • 對於專業和企業帳戶,請前往「行銷」>「潛在客戶擷取」>「 表單」。
    • 若為Starter和Free帳戶,請前往「行銷」>「表單」。
  • 按一下右上角的「建立表單」。
  • 若要將表單與業務單位關聯(僅限業務單位附加元件) :
    • 按一下「選擇業務單位」下拉式選單。
    • 選擇要與此表單建立關聯的業務單位。 
  • 選擇表單類型。 若要建立彈出式表單,請選取下列表單類型之一:
    • 彈出框
    • 下拉式橫幅
    • 在左方框中滑入
    • 在右方框中滑入
  • 在右上角,按一下「下一步」。
  • 在表單編輯器的頂部,按一下edit 鉛筆圖示以編輯表單名稱。

設定標註 

在「標 註」索引標籤上,新增和自訂標註文字以吸引訪客的注意力。 任何自訂圖說文字都會顯示在右側的預覽中,因此您可以瞭解彈出式表單在頁面上發佈時的樣子。

  • 特色圖片:選擇要在標註和表單步驟上顯示的特色圖片(僅限彈出式方塊和滑入式方塊)。
  • 標註文字:輸入標註上主標題的文字。
  • 圖說文字內文:在圖說文字上輸入任何其他資訊或詳細資訊。這是選填項目。
  • 標註按鈕文字:輸入標註表單按鈕文字。
  • 主題顏色:為彈出表單上的按鈕設置主題顏色。 從顏色選擇器中選擇自定義顏色或手動輸入十六進位值。
  • 連結按鈕:選擇圖說文字按鈕的連結位置。
    • 表單步驟:將使用者引導至彈出式表單中的表單。 按一下「表單」索引標籤,即可自訂表單。
    • 非HubSpot網址:輸入外部頁面的連結。
    • HubSpot頁面或部落格貼文(Marketing Hub或Content Hub S tarter、Professional或Enterprise) :在下拉式選單中選取HubSpot頁面或部落格貼文。
    • 檔案下載:按一下瀏覽檔案以新增檔案。
    • 會議連結:從下拉式選單中選取會議連結。
    • 行事曆活動:建立行事曆活動並設定活動詳細資訊。 活動將在客戶的Google或Outlook行事曆中建立。 

自訂彈出式表單

如果您的圖說文字按鈕連結到表單步驟,您可以自訂顯示的表單。 在「 表單」索引標籤上,自訂以下詳細資訊:
  • 表單內文:輸入將顯示在表單欄位之前的任何其他資訊或詳細資訊。 這是選填步驟。 
  • 已新增欄位:選取彈出式表單的欄位。 系統會自動包含預設的電子郵件欄位,最多可新增四個欄位至表單。
    • 若要新增其他欄位至表單,請按一下+新增另一個表單欄位。
      • 彈出式表單支援以下欄位類型:單行文字、多行文字、下拉式選單、單一核取方塊、數字、日期選擇器和檔案。
      • 行銷中心Starter、Professional和Enterprise帳戶中的使用者可以在彈出式表單中建立自訂聯絡人屬性。
    • 若要自訂表單欄位向訪客顯示的方式,請按一下edit 鉛筆圖示。
      • 您可以編輯欄位標籤、新增預留位置文字或輸入預設值。
      • 對於「電子郵件」欄位,您可以指定要封鎖的電子郵件地址和網域。
  • 表單按鈕文字:自訂表單按鈕文字。 根據預設,「標註」索引標籤中的表單按鈕文字會填入此欄位。 
  • GDPR選項:如果您的HubSpot帳戶已開啟資料隱私設定,您可以為此彈出式表單設定通知和同意選項。 若要自訂預設文字,請按一下edit 鉛筆圖示。
  • 語言:設定表單語言。 這將更改表單欄位標籤、通知和同意/合法利益訊息,以及表單上顯示的錯誤訊息。 所有其他可編輯的欄位都需要手動翻譯。
  • CAPTCHA :啟用CAPTCHA以提供額外的保護,防止垃圾郵件提交。

建立表單感謝訊息

如果您的圖說文字按鈕連結到表單步驟,請設定訪客在「感謝」分頁上提交彈出式表單後會發生什麼。 

  • 在「感謝訊息」欄位中,輸入訪客提交彈出式表單後要顯示的訊息。 你可以使用RTF編輯器來設定文字格式。
  • 若要在感謝訊息後新增按鈕,以便將訪客重新導向至其他地方:
    • 選取新增按鈕核取方塊。
    • 自訂按鈕文字。
    • 選擇按鈕的連結:
      • 非HubSpot URL :將訪客重定向到外部頁面。 輸入頁面網址。
      • HubSpot頁面或部落格貼文(Marketing Hub或Content Hub S tarter、Professional或Enterprise) :從下拉式 選單中選取HubSpot頁面或部落格貼文。
      • 檔案下載:按一下瀏覽檔案以新增檔案。
      • 會議連結:從下拉式選單中選取會議連結。
      • 行事曆活動:建立行事曆活動並設定活動詳細資訊。 活動將在客戶的Google或Outlook行事曆中建立。 

 

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

自訂彈出式表單的目標設定

選擇您希望此彈出式表單何時出現在您的網站上,以定位訪客。 新增篩選器以組合多組規則,以確定彈出式表單的顯示時間。 進一步了解定位規則

網站網址

您可以為特定網頁網址和/或查詢參數值新增條件邏輯。 根據預設,彈出式表單會顯示在所有頁面上。

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

  • 當訪客在網址包含特定查詢參數的網站頁面上時,

    若要顯示彈出式表單:
    1. 按一下第一個下拉式選單,然後選取查詢參數。
    2. 在第一個文字欄位中,輸入查詢參數名稱。
    3. 按一下下拉式選單,然後選取目標規則。
    4. 在第二個文字欄位中,輸入查詢參數值。


  • 若要新增其他規則,請按一下「新增規則」。
  • 若要從特定頁面(例如隱私權政策頁面)排除彈出式表單,請按一下「新增排除規則」。

訪客資訊和行為(選填)

您也可以根據已知訪客資訊和行為,將彈出式表單設定為特定聯絡人。 你可以新增的篩選規則類型取決於帳戶的訂閱。 行銷中心專 業版和企業版帳戶可以建立篩選條件,並附加顯示或隱藏彈出式表單的條件。

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

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


觸發因素

設定彈出式表單應何時出現在頁面上。


請注意:

  • 選擇多個觸發因素時,表單將根據最先滿足的觸發條件顯示。 

  • 當聯絡人填寫彈出式表單時,如果他們處於相同的瀏覽工作階段,則不會再次顯示該表單。 

 

您可以選擇以下選項:

  • 在50 %滾動上:當訪問者向下滾動頁面一半時,表單將出現。
  • 退出時 (僅限彈出式方塊) :當訪客將光標移動到瀏覽器視窗的頂部欄時,表單將出現。
  • 經過一段時間後:表單將在指定的秒數後出現。

自訂彈出式表單選項 

在「選項」索引標籤上,進一步自訂彈出式表單設定。 某些選項可能不會顯示,具體取決於您的HubSpot訂閱以及您新增的整合。 您可以配置以下選項:

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

在彈出式表單中使用自動化



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

  • 在頂部按一下「自動化」分頁。 在「自動化」索引標籤中,您可以設定表單提交後的流程。 
    • 在「選擇表單提交後的處理方式」部分,根據需要自訂表單的設定。
    • 在「建立簡單的工作流程」區段中,設定簡單的工作流程以自動化後續動作,例如傳送電子郵件或設定聯絡人屬性。 

預覽彈出式表單

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

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

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

  • 完成表單設定後,請在右上角按一下「發佈」,即可即時接收彈出式表單。
  • 您也可以從「選項」分頁取消發佈即時表單: 
    • 前往「選項」分頁。
    • 按一下取消發佈。 
    • 在對話方塊中,按一下取消發佈彈出式表單。
    • 取消發佈表單後,你可以選擇返回表單控制面板(選擇前往控制面板) ,或留在表單編輯器中(選擇在編輯器中停留)。