在外部網站上嵌入按鈕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 ，請使用Gutenberg的內嵌JS區塊插件將表單和CTA嵌入您的頁面。
    
    

在外部網站上嵌入按鈕CTA

•  Marketing > Lead Capture > Button CTAs。
• 在呼叫行動控制面板上，將鼠標懸停在CTA上，然後按一下[行動] > [嵌入代碼]。 
  
• 在「」對話方塊中，按一下複製。 
  
  

• 瀏覽至外部網站的內容管理系統(CMS)。 
• 將CTA嵌入代碼貼到非HubSpot頁面的HTML中，無論您想在何處顯示CTA。 
• 在網頁上預覽您的CTA ，查看上線時的狀況。 如果CTA顯示不正確，請確保您的外部CMS沒有變更您複製的驗證碼。 如果您使用的是影像CTA ，您可能需要新增其他造型，以確保影像CTA是自適應的。 
• 完成後，請發佈你的頁面。