建立行動呼籲（CTA）後，您可以將該 CTA 新增至 HubSpot 及外部頁面。在為外部頁面設定 CTA 時，必須安裝HubSpot 追蹤程式碼。您也可以將 CTA 新增至拖放式行銷電子郵件中。
在內容中加入 CTA 後，若您擁有「專業版」或「企業版」訂閱方案，即可建立工作流程，以自動化訪客與 CTA 互動後的相關動作。例如，當訪客透過 CTA 提交表單後，您可以觸發一系列行銷電子郵件，以培育新聯絡人。
了解如何在內容中新增 CTA
您在頁面中新增 CTA 的方式，取決於您所建立的 CTA 類型：
- 若您使用嵌入式 CTA，每頁最多可新增100個嵌入式 CTA。嵌入式 CTA 可透過以下方式使用：
- HubSpot 頁面中的預設行動呼籲模組
- 行銷電子郵件中的預設按鈕模組
- 您外部網站上的程式碼片段
- 若您使用的是固定橫幅、彈出視窗或滑入式行動呼籲，您可以：
-
- 選擇一個或多個觸發條件，然後透過網站網址或訪客資訊設定目標。一旦滿足第一個觸發條件，CTA 便會出現在目標頁面，並針對指定的訪客顯示：
- 根據頁面捲動觸發
- 在訪客準備離開時觸發
- 經過指定時間後觸發
- 閒置後觸發
在
您的 HubSpot 內容中新增行動呼籲 (CTA)
在您的 HubSpot 頁面中，追蹤程式碼會自動安裝。對於大多數觸發條件，當第一個觸發條件滿足時，行動呼籲 (CTA) 便會自動顯示。
然而，若要使用嵌入式行動呼籲 (CTA)，或是當訪客點擊按鈕時觸發的行動呼籲 (CTA)，您需要手動新增該行動呼籲 (CTA)。
在 HubSpot 頁面中新增 CTA
您可以使用「行動呼籲」模組，在由 HubSpot 託管的頁面中嵌入 CTA。
-
導航至您的內容：
- 點擊您的內容名稱。
- 在內容編輯器中，點擊左側邊欄的「+ 新增」按鈕。
- 在側邊欄編輯器中，搜尋並點擊「行動呼籲」模組，然後將其拖曳至頁面上的指定位置。
- 在「CTA」區段中，點擊「選擇一項行動呼籲」。
在 HubSpot 部落格文章中新增 CTA
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「部落格」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「部落格」。
- 點擊您的文章名稱。
- 在內容編輯器中，點擊「富文本模組」以自訂其內容。
- 在富文本工具列中，點選「插入」>「行動呼籲」。
- 在右側面板中，點擊「CTA 」分頁 。
- 選擇要插入的行動呼籲，然後點選「插入」。
- 在左側面板中，點選「套用變更」。所選的行動呼籲現在將會顯示在您的富文本編輯器中，並出現在預覽畫面中。
在 HubSpot 中透過按鈕點擊觸發 CTA
當訪客點擊頁面上的按鈕時，您可以
觸發固定橫幅、彈出視窗或滑入式 CTA。若要使用 HubSpot 頁面上的預設按鈕模組來設定此觸發條件：
-
導航至您的內容：
- 點擊名稱
- 在左側面板的「新增」分頁中 ，搜尋並選取預設按鈕模組。點擊並將按鈕模組拖曳至 您的頁面。
- 在左側面板中，點擊「連結至」下拉式選單，並選擇「CTA」。
- 點擊「CTA」下拉式 選單，並選取現有的 CTA。
- 繼續設定您的按鈕模組。
在您的拖放
式
行銷電子郵件中加入
嵌入式 CTA
在您的拖放式行銷電子郵件中加入嵌入式 CTA，並追蹤您的 CTA 優惠在多個接觸點上的成效。
請注意：在為電子郵件建立或選取 CTA 時，僅支援單一按鈕或圖片。包含多個元素（例如按鈕和圖片）的 CTA 無法使用。
要在 拖放式電子郵件編輯器中：
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
- 將游標懸停在您要新增 CTA 的電子郵件上，然後點擊「編輯」。或者建立一封新電子郵件。
- 在左側面板中，點擊並將「按鈕」模組拖曳至電子郵件編輯器中。
- 在左側面板中，點擊「連結至」下拉式選單，然後選擇「CTA」。
- 在「CTA」欄位下方，點擊「選擇」。
- 在右側面板中，選擇要插入的CTA，然後點擊「插入」。
自訂主題的按鈕，以便在點擊時觸發您的 CTA
如果您在 HubSpot 中使用自訂主題，可能需要自訂該主題的按鈕模組，以觸發 CTA。
若您正在編輯預設主題，必須先將其複製。從資產市集購買的主題無法複製；建議改為建立子主題。
要自訂主題的按鈕模組：
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「設計管理工具」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「設計管理工具」。
- 在左上角搜尋您的按鈕模組。
- 在右側面板中，將游標懸停於「按鈕（欄位群組）」上，然後點擊「編輯」。
- 在「分組欄位」下，將游標懸停於「URL (URL) 」上，然後 點擊「編輯」。
- 點擊「支援的 URL 類型」下拉式選單，然後勾選「CTA」核取方塊。
- 在右上角，點擊「發佈變更」。發佈變更後，當您在頁面中使用該主題的按鈕模組時，CTA 選項 便會顯示。
在外部
內容
中
新增
CTA
若要在外部頁面新增 CTA，您必須安裝HubSpot 追蹤程式碼。對於 WordPress 網站，若您已安裝 HubSpotWordPress 外掛程式，系統將自動加入追蹤程式碼。
對於固定橫幅、彈出視窗或滑入式行動呼籲，安裝追蹤程式碼後，當首次觸發條件成立時，CTA 便會顯示。 您無需將 CTA 嵌入頁面中，且在檢視 CTA 時也不會顯示「嵌入」選項。
然而，針對嵌入式 CTA 或當訪客點擊按鈕時觸發的 CTA，您需要手動新增該 CTA。
在外部網站上嵌入 CTA
若要在外部頁面中新增嵌入式 CTA：
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
- 在左上角，點擊下拉式選單並選擇「CTA」。
- 將游標懸停在 CTA 上，點擊「動作」，然後 選擇「嵌入」。
- 點擊「複製到剪貼簿」將 CTA 程式碼複製到剪貼簿中。
- 前往您的外部網站的內容管理系統 (CMS)。
- 將 CTA 嵌入程式碼貼入非 HubSpot 頁面的 HTML 中，位置可依您希望 CTA 顯示之處自行決定。
- 在網頁上預覽您的 CTA，以確認上線後的顯示效果。若 CTA 未正確顯示，請檢查您的外部 CMS 是否修改了程式碼。
- 完成後，請發佈您的頁面。
一般而言，編輯 CTA 不會影響其嵌入程式碼。例如，編輯「在新分頁中開啟連結」選項，並不會變更嵌入程式碼中的target="_blank"屬性。
在 CTA 的 iframe 版本渲染之前，這段嵌入程式碼片段會作為佔位符。渲染後的 CTA 版本將反映編輯器中設定的正確「在新分頁中開啟」值。
若要在佔位符中於同一視窗開啟連結，使用者可手動將 target 屬性標籤變更為target="_self"。
在外部網站點擊按鈕以觸發 CTA
在外部網站使用 CTA 之前，您必須安裝HubSpot 追蹤程式碼。要在外部頁面設定觸發器：
- 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
- 在左上角，點擊下拉式選單並選擇「CTA」。
- 將游標懸停在某個 CTA 上，然後點擊「編輯」。
- 在頂部，點擊「目標設定」分頁 。
- 在「按鈕點擊觸發」區段下，點擊「程式碼片段」。
- 在對話方塊中，點擊「複製」。
- 將嵌入類別貼上至您外部網站上的按鈕中。如果您不確定如何將 CSS 類別新增至網站上的按鈕，可能需要與您的網站管理員、IT 部門或開發人員合作。
解決「行動呼籲」未顯示的問題
將固定橫幅、彈出視窗或滑入式行動呼籲 新增至 頁面後，若您的行動呼籲未顯示，可能原因如下：
- 先前已提交或關閉 CTA：訪客先前 已關閉過該 CTA。在設定的時間段結束之前，相同的 CTA 將不會再次出現。
- CTA 受眾定位規則：訪客不符合該 CTA「顯示對象」設定中 配置的受眾定位要求。
- 同一位置存在多個 CTA：若同一頁面設定了兩個 CTA 顯示，即使觸發條件不同，這些 CTA 仍可能發生衝突而無法顯示，直到其中一個被移除為止。
- 例如，若一個 CTA 設定為在所有頁面載入，並於頁面捲動 50% 時觸發；而另一個 CTA 同樣設定為在所有頁面載入，並於使用者有離開意圖時觸發，即使各自觸發條件皆已滿足，其中一個或兩個 CTA 仍可能無法載入。
CTAs
行銷 Hub
Starter, Professional, Enterprise
Content Hub
Starter, Professional, Enterprise
.svg?height=99&width=353)