上次更新時間： 一月 21, 2023
使用彈出式行動呼叫(CTA)工具來建立橫幅或彈出式視窗，以新增至您的HubSpot頁面並吸引新訪客。 您也可以將彈出式CTA新增至外部頁面。
在向外部頁面新增彈出式CTA之前，您必須安裝HubSpot追蹤代碼，或在WordPress網站上安裝HubSpot WordPress外掛程式。
新增彈出式CTA後，透過將訪客導向特定網頁、會議連結或外部網址來驅動流量。
設計您的彈出式CTA
在彈出式CTA編輯器中，自訂彈出式CTA的設計以吸引訪客。
- 在您的HubSpot帳戶中，前往「市場推廣」>「潛在客戶」>「 彈出式CTA」。
- 在右上角，按一下建立。
- 您可以從頭開始或從範本建立新的工作流程：
- 若要從範本建立新的彈出式CTA ，請在左側面板中按一下HubSpot範本。 然後，選擇一個與你的目標相符的範本。
- 若要從頭開始建立新的彈出式CTA ，請在左側面板中按一下「從頭開始」。 然後，選擇懸浮橫幅、彈出式方塊或滑入式。
- 粘性橫幅：固定在頁面頂部或底部的永久橫幅。 當訪客捲動您的頁面時，橫幅將保持不變。
- 彈出框：彈出框，在指定的時間表上顯示。
- 滑入：從網站角落滑入的橫幅。 當訪客捲動您的頁面時，橫幅將保持不變。
- 在左側面板的「新增」分頁中，新增元素並編輯彈出式CTA的佈局：
- 若要向彈出式CTA新增更多內容，請按一下並將新元素直接拖曳到行動號召編輯器的右側面板中。
- 若要修改彈出式CTA的佈局，請將遊標停留在元素上，然後按一下並將其拖動到新位置。
- 若要複製元素，請將遊標停留在元素上，然後按一下 製克隆圖示。
- 若要刪除元素，請將遊標停留在元素上，然後按一下「垃圾桶」圖示。
- 若要編輯元素，請按一下該元素。 在左側面板中，您可以編輯元素的內容和設計。
- 在左側面板中，按一下「內容」標籤頁以管理您的元素。
- 若要編輯元素，請按一下元素的名稱 。 在左側面板中，您可以編輯元素的內容和設計。
- 若要刪除元素，請將遊標停留在該元素上，然後按一下「垃圾桶」圖示。
- 在左側面板中，按一下「設計」標籤頁，自訂並預覽彈出式CTA。
- 若要自訂彈出式CTA的外觀，請按一下調整大小、版 式、樣式或背景。 然後，在左面板中配置更改。 對於懸浮橫幅類型的號召性用語，您可以選擇頂部或底部的位置。
- 若要在特定頁面上預覽彈出式CTA ，請按一下右上角的「預覽」。 然後，按一下「在特定頁面上預覽」下拉式選單，然後選擇HubSpot頁面以預覽彈出式CTA。
- 若要自訂彈出式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將自動發佈到目標頁面。