上次更新時間： 五月 16, 2023
可与下列任何一种订阅一起使用，除非有说明：
行銷 Hub
Professional
,
Enterprise
|
Content 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是自適應的。
- 完成後，請發佈你的頁面。