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

建立彈出式號召性用語(CTA) (測試版)

上次更新時間: 一月 21, 2023

測試版

套用至:

行銷 Hub Starter
CMS Hub Starter

使用彈出式行動呼叫(CTA)工具來建立橫幅或彈出式視窗,以新增至您的HubSpot頁面並吸引新訪客。 您也可以將彈出式CTA新增至外部頁面。

在向外部頁面新增彈出式CTA之前,您必須安裝HubSpot追蹤代碼,或在WordPress網站上安裝HubSpot WordPress外掛程式。

新增彈出式CTA後,透過將訪客導向特定網頁、會議連結或外部網址來驅動流量。 

設計您的彈出式CTA

在彈出式CTA編輯器中,自訂彈出式CTA的設計以吸引訪客。 

  • 在您的HubSpot帳戶中,前往「市場推廣」>「潛在客戶」>「 彈出式CTA」。
  • 在右上角,按一下建立
  • 您可以從頭開始或從範本建立新的工作流程:
    • 若要從範本建立新的彈出式CTA ,請在左側面板中按一下HubSpot範本。 然後,選擇一個與你的目標相符的本。  
    • 若要從頭開始建立新的彈出式CTA ,請在左側面板中按一下「從頭開始」。 然後,選擇懸浮橫幅彈出式方塊滑入式。   
      • 粘性橫幅:固定在頁面頂部或底部的永久橫幅。 當訪客捲動您的頁面時,橫幅將保持不變。  
      • 彈出框:彈出框,在指定的時間表上顯示。 
      • 滑入:從網站角落滑入的橫幅。 當訪客捲動您的頁面時,橫幅將保持不變。  
  • 在左側面板的「新增」分頁中,新增元素並編輯彈出式CTA的佈局:
    • 若要向彈出式CTA新增更多內容,請按一下並將新元素直接拖曳到行動號召編輯器的右側面板中。 
    • 若要修改彈出式CTA的佈局,請將遊標停留在元素上,然後按一下並將其拖動到新位置。
    • 若要複製元素,請將遊標停留在元素上,然後按一下 製克隆圖示
    • 若要刪除元素,請將遊標停留在元素上,然後按一下「刪除垃圾桶」圖示 
    • 若要編輯元素,請按一下該元素。 在左側面板中,您可以編輯元素的內容和設計。
  •  

TW - CTA

  • 在左側面板中,按一下「內容」標籤頁以管理您的元素。  
    • 若要編輯元素,請按一下元素的名稱 在左側面板中,您可以編輯元素的內容和設計。
    • 若要刪除元素,請將遊標停留在該元素上,然後按一下「刪除垃圾桶」圖示。 
  • 在左側面板中,按一下「設計」標籤頁,自訂並預覽彈出式CTA。
    • 若要自訂彈出式CTA的外觀,請按一下調整大小 式、樣式背景。 然後,在左面板中配置更改。 對於懸浮橫幅類型的號召性用語,您可以選擇頂部或底部的位置。  
    • 若要在特定頁面上預覽彈出式CTA ,請按一下右上角的「預覽」。 然後,按一下「在特定頁面上預覽」下拉式選單,然後選擇HubSpot頁面以預覽彈出式CTA。  

自訂彈出式CTA 顯示的位置和時間

設定彈出式CTA後,請選擇何時在網站上顯示此彈出式CTA來定位訪客。 新增篩選條件,結合多組規則,讓訪客看到您的彈出式CTA。 進一步了解目標設定規則

激活觸發器 

選擇啟用觸發器,以確定彈出式CTA何時會顯示在您的頁面上。 一旦遇到第一個選定的觸發器,便會出現彈出式CTA。 

  •  在「何時顯示」部分,按一下以切換您想要使用的啟動觸發器旁的關:
    • 按鈕點擊時觸發:當訪客點擊按鈕時,會出現彈出式CTA。 使用預設按鈕模組在HubSpot頁面中或在外部頁面上自訂按鈕的類別來設定。 若要在外部頁面上設定此觸發器,必須安裝HubSpot追蹤代碼 。 了解如何設定彈出式CTA ,以便在按鈕點擊時觸發。 
    • 頁面捲動時觸發:當訪客捲動超過指定的頁面百分比時,會出現彈出式CTA
    • 退出意圖時觸發:當訪客將光標移動到瀏覽器視窗的頂部欄位時,會出現彈出式CTA
    • 經過時間後觸發:指定的秒數後會出現彈出式CTA
    • 非活動後觸發:在訪客非活動指定秒數後,會出現彈出式CTA。


網站網址

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

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


  • 若要在網頁上顯示彈出式CTA ,網頁URL包含特定查詢參數,請按照以下步驟操作:
    • 按一下第一個下拉式選單 ,然後選擇查詢參數。
    • 在第一個文字欄位中,輸入查 詢參數名稱
    • 按一下下拉列表並選擇目標規則
    • 在第二個文字欄位中,輸入查詢參數值。

  • 若要新增其他規則,請按一下「新增規則」。
  • 若要從某些頁面(例如隱私權政策頁面)排除行動號召,請按一下「 新增排除規則」。

訪客資訊及行為(選填)

您還可以根據已知訪客信息和行為將彈出式CTA定位到特定聯絡人。 您可以新增的篩選規則類型取決於帳戶的訂閱。 

    • 訪客資訊和行為(選填)部分,按一下第一個下拉式選單,選擇訪客何時看到您的彈出式CTA
    • 按一下下一個下拉式選單,選擇篩選規則
    • 若要新增更多顯示彈出式CTA的規則,請點擊「新增規則」,然後選擇篩選條件。
  • 選擇何時隱藏彈出式CTA : 
    • 按一下新增排除規則
    • 第一個下拉菜單,以選擇何時應隱藏彈出式CTA 。 
    • 按一下下一個下拉式選單,選擇篩選規則
    • 若要新增更多關於何時隱藏彈出式CTA的規則,請按一下新增排除規則,然後選擇篩選條件。
  • 若要建立另一組篩選規則,請按一下新增篩選組,然後選擇篩選規則。

 

顯示頻率 

在訪客首次關閉您的彈出式CTA後,選擇是否應該再次顯示CTA ,以及它應該顯示的頻率。 若要設定CTA的顯示頻率: 

  •  在「顯示頻率」區段中,按一下「如何再次顯示」下拉式選單,然後選擇頻率:
    • 設定時間段後: 設定訪問者解除彈出式CTA後,在再次顯示之前應該經過的時間。
    • 重複: 每次訪問所選網頁並執行觸發操作時,都會顯示彈出式CTA ,即使他們之前曾與之進行過互動。
    • 不再顯示:只向訪客顯示一次彈出式CTA。 初始顯示後,永遠不會再顯示彈出式CTA。 
       


自訂彈出式CTA選項

在「選項標籤上,自訂選項以在小螢幕尺寸上顯示您的彈出式CTA。 

  • 按一下頂部的「選項」標籤。
  • 若要隱藏小螢幕尺寸上的彈出式CTA ,請在「小螢幕尺寸」部分中切換開啟。
  • 若要將彈出式選單與活動關聯,請按一下「活動」下拉式選單,然後選擇一個活動以將彈出式CTA與之關聯。   
  • 若要排程何時開始顯示彈出式CTA ,請切換排程以便稍後開啟。 然後選擇開始日期時間。 
  • 若要排定彈出式CTA開始停止顯示的時間,請切換「設定取消發佈日期和時間」開關。 然後選擇結束日期時間。 



發佈您的彈出式CTA 

完成彈出式CTA設定後,請發佈彈 出式CTA以進行即時處理。   

  • 在右上角,按一下「查看並發佈」。
  • 在右側面板中,查看您的彈出式CTA ,然後點擊立即發佈彈出式CTA將自動發佈到目標頁面。 

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