在您的外部網站上嵌入 CTA（舊版）

請注意：2025 年 3 月 17 日之後建立的帳戶，將無法使用 CTA（舊版）工具。

HubSpot 舊版 CTA 可在 HubSpot 頁面及非 HubSpot 頁面中使用。請在您的外部網站上使用 HubSpot CTA，以吸引並轉化潛在客戶。

在將 CTA（舊版）嵌入外部網站之前，請確保您的頁面已安裝 HubSpot 追蹤程式碼。

開始之前

在外部網站上新增 CTA（舊版）之前，請注意以下事項：

• 當您對外部網站上嵌入的 CTA 的內容、文字或整體設計進行變更時，這些 CTA 將自動在全球範圍內更新。
• 由於內容管理系統（CMS）的差異，存取網站 HTML 程式碼及嵌入 CTA（舊版）程式碼的步驟可能有所不同。若您不確定如何存取網站的 HTML 程式碼或嵌入外部程式碼，請將本文透過電子郵件轉寄給您的網站管理員、IT 部門或技術支援人員。

• 若您要在 WordPress 網站上嵌入 CTA，請注意以下事項：

  • 若您要在 WordPress 網站上嵌入 CTA，可能需要在外部樣式表中套用額外的 CSS 宣告，以使 CTA 具備響應式設計。
  • 若您發現CTA在 WordPress 中無法運作，或檢視實際頁面時嵌入程式碼遭到變更，您可能需要透過外掛程式來插入 CTA，以確保嵌入程式碼保持完整。
  • 若您使用的是最新版本的古騰堡（Gutenberg）——該版本會移除內嵌 JavaScript——請使用「Inline JS Block for Gutenberg」外掛程式，將表單和 CTA 嵌入您的頁面中。
    
    

在外部網站上嵌入 CTA（舊版）

要在外部網站上嵌入按鈕型 CTA：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
2. 在左上角點擊下拉式選單，並選擇「CTA（舊版）」。
3. 在「CTA（舊版）」儀表板上，將游標懸停於某個 CTA 上，點擊「動作」，然後選擇「嵌入程式碼」。
   
4. 在對話方塊中，點擊「複製」。
   
   

5. 前往您的外部網站的內容管理系統（CMS）。
6. 將 CTA 嵌入程式碼貼到非 HubSpot 頁面的 HTML 中，位置可依您希望 CTA 顯示的位置而定。
7. 在網頁上預覽您的 CTA，以確認實際上線後的顯示效果。
   • 如果 CTA 顯示不正確，請確認您的外部 CMS 並未修改您複製的程式碼。
   • 若您使用的是圖片型 CTA，可能需要新增額外的樣式設定，以確保圖片型 CTA 具備響應式設計。
8. 完成後，請發佈您的頁面。