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

在外部網站上嵌入按鈕CTA

上次更新時間: 十一月 21, 2022

套用至:

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

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是自適應的。 
  • 完成後,請發佈你的頁面。 

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.