在內容中新增行動號召(CTA)

建立行動號召(CTA)後，您可以將CTA新增至HubSpot和外部頁面。 設定外部頁面的行動呼籲時，必須安裝HubSpot追蹤程式碼。 你也可以在拖放行銷電子郵件中新增行動呼籲。

如何在頁面中新增行動呼籲，取決於你建立的行動呼籲類型：

• 如果你使用嵌入式行動呼籲，每頁最多可新增100個嵌入式行動呼籲。 嵌入式行動呼籲可透過以下方式使用：
  • HubSpot頁面中的預設行動呼籲模組
  • 行銷電子郵件中的預設按鈕模組
  • 外部網站上的程式碼片段
• 如果你使用置頂橫幅、彈出式方塊或滑入式行動呼籲，你可以：
  • 當訪客點擊按鈕時，觸發行動呼籲。

• • 選擇一個或多個啟用觸發器，然後使用網站的URL或訪客資訊設定目標。 達到第一個觸發條件後，行動呼籲會顯示在目標頁面上，並針對指定的訪客：
    • 頁面捲動時觸發
    • 退出意圖時觸發
    • 經過時間後觸發
    • 不活動後觸發

在HubSpot內容中新增行動呼籲

將行動呼籲新增至HubSpot頁面

您可以使用號召性用語模組在HubSpot上託管的頁面上嵌入行動呼籲。 

• 前往你的內容： 

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
• 按一下內容名稱 。 
• 在內容編輯器中，按一下左側邊欄的「+新增」按鈕。 
• 在側邊欄編輯器中，搜尋並按一下行動號召模組，然後將其拖曳到頁面 上。 
• 在「行動呼籲」部分，點擊「選擇」。
   

向HubSpot博客文章添加CTA

• 在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
• 點擊文章名稱 。 
• 在內容編輯器中，按一下RTF文字模組以自訂其內容。
• 在RTF工具列中，按一下「插入」>「行動號召」。
   

• 在右側面板中，點擊「行動呼籲」分頁。
• 選擇要插入的行動呼籲，然後按一下「插入」。 
• 在左側面板中，按一下套用變更。 選取的行動呼籲現在會顯示在互動式文字編輯器和預覽中。
   

在HubSpot中點擊按鈕時觸發您的行動呼籲 

• 前往你的內容：

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。

• 點擊名 稱 
• 在左側面板的「新增」索引標籤中，搜尋並選擇預設按鈕模組。 按一下並拖曳按鈕模組到頁面上。
   

• 在左側面板中，點擊「連結至」下拉式選單，然後選擇「行動呼籲」。
• 點擊行動呼籲下拉式選單，然後選擇現有的行動呼籲。 
• 繼續設定按鈕模組。
   

在拖放行銷電子郵件中新增內嵌行動呼籲

在拖放式行銷電子郵件中新增內嵌行動呼籲，並在多個接觸點追蹤行動呼籲的有效性。

若要在拖放電子郵件編輯器中新增行動呼籲，請按照以下步驟操作：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行銷郵件」。
• 將遊標移至你想新增行動呼籲的電郵，然後點擊「編輯」。 或建立新電子郵件。
• 在左側面板中，按一下並拖曳按鈕模組到電子郵件編輯器中。
   

• 在左側面板中，按一下「連結至」下拉式選單。然後選擇「行動呼籲」。 
• 在「行動呼籲」欄位下方，點擊「選擇」。 
• 在右側面板中，選擇要插入的行動呼籲，然後按一下「插入」。 
  

請注意：為電郵建立或選擇行動呼籲時，只支援單一按鈕或圖片。 無法使用包含多個元素的行動呼籲，例如按鈕和圖片。

自訂佈景主題的按鈕，以便在按鈕點擊時觸發行動呼籲 

如果你在HubSpot中使用自訂佈景主題，則可能需要自訂佈景主題的按鈕模組以觸發行動呼籲。

如果你要編輯預設佈景主題，必須先複製它們。 從Asset Marketplace購買的佈景主題無法複製；建議改為建立子佈景主題。 

如要自訂佈景主題的按鈕模組： 

• 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
• 在左上角搜尋按鈕模組。 
• 在右側面板中，將遊標暫留於按鈕（欄位羣組） ，然後按一下編輯。
•  在「已分組」欄位下，將遊標暫留於網址(URL) ，然後按一下「編輯」。
• 按一下「支援的網址類型」下拉式選單。 然後，選取「行動呼籲」核取方塊。 
• 點擊右上角的「發佈變更」。 發佈變更後，使用頁面上的主題按鈕模組時，應會顯示「行動呼籲」選項。
   

在外部內容中新增行動呼籲

你可以將行動呼籲新增至外部頁面。 在外部網站上使用HubSpot CTA之前，您必須安裝HubSpot追蹤程式碼。

安裝追蹤程式碼後，對於大多數啟用觸發程序， CTA會在符合第一個觸發程序時出現。 不過，若要使用訪客點擊按鈕時觸發的嵌入式行動呼籲或行動呼籲，您需要手動新增行動呼籲。 

在外部網站上嵌入行動呼籲 

若要為外部頁面新增內嵌行動呼籲，請按照以下步驟操作：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
• 點擊左上角的下拉式選單，然後選擇行動呼籲。
• 將遊標懸停在行動呼籲上，然後點擊「操作」>「嵌入」。
•  按一下「複製到剪貼簿」，即可將行動呼籲代碼複製到剪貼簿。 
• 前往外部網站的內容管理系統(CMS)。 
• 將行動呼籲嵌入程式碼貼到非HubSpot頁面的HTML中，隨時隨地顯示行動呼籲。 
• 在網頁上預覽行動呼籲，查看直播內容。 如果行動呼籲無法正確顯示，請檢查外部行動呼籲管理系統是否已變更代碼。

• 完成後，請發佈你的頁面。 

一般而言，編輯行動呼籲不會影響其嵌入代碼。 例如，編輯「在新分頁中開啟連結」選項不會變更嵌入程式碼中的target="_blank"屬性。 

在渲染CTA的iframe版本之前，嵌入代碼段充當佔位符。 此渲染版本的CTA將反映在編輯器中設置的正確「在新分頁中打開」值。

若要在預留位置中的同一視窗中開啟連結，使用者可以手動將目標屬性標籤變更為target="_self"。

在外部網站上點擊按鈕時觸發行動呼籲 

在外部網站上使用行動呼籲前，您必須安裝HubSpot追蹤程式碼。 若要在外部頁面上設定觸發程序，請按照以下步驟操作：

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
• 點擊左上角的下拉式選單，然後選擇行動呼籲。
• 將遊標移至行動呼籲上方，然後點擊「編輯」 
• 在頂部按一下「目標設定」標籤頁。 

• 在觸發按鈕點擊部分下，點擊代碼段。
   

• 在對話方塊中，按一下複製。 
• 將嵌入課程貼到外部網站上的按鈕中。 如果您不確定如何將CSS類別新增至網站按鈕，您可能需要與網站管理員、IT部門或開發人員合作。