在外部網站上嵌入行動呼籲（舊版）

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 ，請按照以下步驟操作： 

• 點擊左上角的下拉式選單，然後選擇行動呼籲（舊版）。
• 在行動呼籲（舊版）控制面板上，將遊標懸停在行動呼籲上，然後點擊「操作」>「嵌入程式碼」。 
  
• 在對話方塊中，按一下複製。 
  
  

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