對外部嵌入的 HubSpot 表單進行故障排除

如果您嵌入外部頁面的HubSpot 表單無法正常運作或無法正確顯示，請了解最常見的表單嵌入問題以及如何解決這些問題。

確認表單嵌入程式碼

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
• 將滑鼠懸停在表單上並按一下「編輯」 。
• 在表單編輯器的右上角，按一下嵌入。
• 在對話方塊中，按一下「複製」 。

• 在瀏覽器中，導航到Diff Checker ，一種文字比較工具。
• 在原始文字部分中，貼上表單嵌入程式碼。

• 導覽至嵌入表單的網站頁面。然後，右鍵單擊頁面上的任意位置並選擇“查看頁面來源” 。
• 在頁面來源中找到表單嵌入程式碼並複製它。
• 導航回到差異檢查器。
• 在「更改的文字」部分中，貼上外部嵌入的程式碼。
• 按一下「尋找差異」以尋找遺失或損壞的程式碼。如果嵌入程式碼相同，則會顯示訊息「兩個檔案相同」 。否則，任何差異都會以紅色和綠色突出顯示。

如果外部嵌入的程式碼與 HubSpot 程式碼不匹配，請在外部頁面上重新嵌入正確的程式碼。

如果外部嵌入程式碼確實與 HubSpot 程式碼相符，則外部頁面上的 HTML 或 JavaScript 中的某些內容可能會幹擾表單的嵌入程式碼。您應該與您的開發人員合作進一步排除故障。

新增網站網域

將嵌入表單的外部頁面的網域新增為 HubSpot 中的附加網站網域。來自未新增頁面的表單提交將被標記為垃圾郵件。

特定於主機的嵌入問題

如果您使用的是 WordPress、Squarespace 或 Wix，您可以繼續對下方每個網站主機中的下列問題進行故障排除。

WordPress

如果您的表單嵌入在 WordPress 頁面上，您可能會遇到以下問題：

• WordPress 可能會將嵌入表單程式碼中的“&”轉換為“&”這將破壞程式碼的功能。
• XHTML WordPress 主題將在 JavaScript 周圍新增 <![CDATA[ ]]> 標籤，這不會影響表單渲染，但在檢查表單嵌入程式碼時需要注意。

如果 WordPress 正在變更嵌入程式碼，建議使用第三方外掛程式（例如插入 HTML 片段）將表單新增至頁面或作為短程式碼發布以保留腳本標籤。

方空間

某些 Squarespace 範本僅在初始頁面載入時呈現腳本，而不是在任何其他頁面上呈現腳本。這可能會導致 HubSpot 表單在某些頁面上無法正常運作，因為當訪客瀏覽您的網站時，表單腳本不會載入。

為了防止這種情況發生， 請嘗試在 Squarespace 中停用 Ajax 載入。如果這不起作用，您也可以嘗試使用不同的 Squarespace 範本。

維克斯

Wix 通常不支援託管網站上的自訂編碼。因此，無法將 HubSpot 表單直接嵌入到 Wix 頁面中。

若要將 HubSpot 表單新增至 Wix 頁面，請嘗試先新增 Wix iframe 模組，然後透過輸入表單的嵌入程式碼將表單作為小工具新增至模組，或透過輸入表單獨立頁面的 URL 將表單作為嵌入網站新增至模組。

瀏覽器特定問題

如果您有像 Ghostery 這樣的資源阻止瀏覽器擴展，則您的 HubSpot 表單可能會被封鎖載入和顯示。詳細了解當您的 HubSpot 表單被封鎖時會發生什麼情況。