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

在外部網站上嵌入行動呼籲(舊版)

上次更新時間: 六月 12, 2024

可与下列任何一种订阅一起使用,除非有说明:

行銷 Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
舊版 Marketing Hub Basic

HubSpot舊版CTA可用於HubSpot和非HubSpot頁面。 在外部網站上使用HubSpot行動呼籲來吸引和轉換潛在客戶。

在外部網站上嵌入行動呼籲(舊版)之前,請確保頁面上已安裝HubSpot追蹤程式碼

在您開始之前

在外部網站上新增行動呼籲(舊版)之前,請注意以下事項: 

  • 當CTA的內容、文字或一般設計發生變更時,內嵌在您外部網站上的CTA會自動在全球範圍內更新。
  • 由於內容管理系統(CMS)的差異,存取網站HTML程式碼和嵌入CTA (舊版)程式碼的步驟可能會有所不同。 如果您不確定如何存取網站的HTML程式碼或嵌入外部程式碼,請將這篇文章透過電子郵件傳送給您的網站管理員、IT部門或技術資源。
  • 如果你要在WordPress網站上嵌入行動呼籲,請注意以下事項:

    • 如果要在WordPress網站上嵌入CTA ,則可能需要在外部樣式表中應用其他CSS聲明,以使CTA具有響應性。 
    • 如果你在檢視即時頁面時發現CTA在WordPress中無法運作或嵌入代碼被更改,你可能需要使用外掛程式入CTA ,以確保嵌入代碼保持不變。
    • 如果您使用的是移除內嵌JavaScript的最新版Gutenberg ,請使用Inline JS Block for Gutenberg外掛程式將表單和CTA嵌入到頁面中。

在外部網站上嵌入行動呼籲(舊版)

若要在外部網站上嵌入按鈕CTA ,請按照以下步驟操作: 

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「行動呼籲」。
  • 點擊左上角的下拉式選單,然後選擇行動呼籲(舊版)。
  • 在行動呼籲(舊版)控制面板上,將遊標懸停在行動呼籲上,然後點擊「操作」>「嵌入程式碼」。 
  • 在對話方塊中,按一下複製。 

 
  • 前往外部網站的內容管理系統(CMS)。 
  • 將行動呼籲嵌入程式碼貼到非HubSpot頁面的HTML中,隨時隨地顯示行動呼籲。 
  • 在網頁上預覽行動呼籲,查看直播內容。
    • 如果行動呼籲無法正確顯示,請確保外部行動呼籲管理系統沒有變更你複製的代碼。
    • 如果你使用圖片行動呼籲,則可能需要新增其他樣式,以確保圖片行動呼籲有回應。 
  • 完成後,請發佈你的頁面。 

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助