疑難解答外部嵌入的HubSpot表單
上次更新時間: 六月 28, 2023
如果您在外部頁面上嵌入的 HubSpot表單無法正常運作或顯示,請了解最常見的表單嵌入問題以及如何解決它們。
確認表單嵌入代碼
若要確認外部網頁上的嵌入代碼正確無誤,請將HubSpot提供的表單嵌入代碼與您網站上的代碼進行比較:- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
- 將遊標停留在表單上,然後按一下「編輯」。
- 在表單編輯器的右上角,按一下嵌入。
- 在對話方塊中,按一下複製。
- 在瀏覽器中,瀏覽到文字比較工具Diff Checker。
- 在「原始文字 」部分,貼上表單嵌入代碼。
- 瀏覽表單嵌入的網站頁面。 然後,右鍵按一下頁面上的任何位置,然後選擇檢視頁面來源。
- 在頁面來源中找到表單嵌入代碼並複製它。
- 返回到Diff Checker。
- 在更改的文本部分,貼上外部嵌入的代碼。
- 按一下「尋找差異」以尋找遺失或損壞的代碼。 如果嵌入代碼相同,則會顯示兩個檔案相同的訊息。 否則,任何差異將以紅色和綠色突出顯示。
如果外部嵌入的代碼與HubSpot代碼不匹配,請在外部頁面上重新嵌入正確的代碼 。
如果外部嵌入代碼與HubSpot代碼匹配,則外部頁面上的HTML或JavaScript中的某些內容可能會幹擾表單的嵌入代碼。 您應該與您的開發人員合作以進一步解決問題。
主機特定的嵌入問題
如果您使用的是WordPress、Squarespace或Wix ,則可以在下面的每個網站主機中繼續進行下列問題的疑難排解。
WordPress
如果您的表單嵌入在WordPress頁面上,您可能會遇到以下問題:
- WordPress可能會將嵌入的表單代碼中的“&”轉換為“&” ,這將破壞代碼的功能。
- XHTML WordPress主題將添加<![CDATA []] > JavaScript周圍的標籤,這不應該影響表單渲染,但在檢查表單嵌入代碼時需要注意。
如果WordPress正在更改嵌入代碼,建議使用第三方插件(例如插入HTML片段)將表單添加到頁面或發佈為短代碼以保留腳本標籤。
Squarespace
某些Squarespace範本只在初始頁面載入時呈現腳本,而不在任何其他頁面上呈現。 這可能會導致HubSpot表單在某些頁面上無法正常運作,因為訪客瀏覽您的網站時不會加載表單腳本。
若要防止這種情況發生,請嘗試在Squarespace中停用Ajax載入。 如果這不起作用,您也可以嘗試使用其他Squarespace模板。
Wix
Wix通常不支援託管網站上的自訂編碼。 因此,您無法將您的HubSpot表單直接嵌入到Wix頁面中。
若要將HubSpot表單新增至Wix頁面,請先嘗試新增Wix iframe模組,然後透過輸入表單的嵌入代碼,將表單作為小工具新增至模組,或透過輸入表單獨立頁面的URL ,將表單作為嵌入式網站 。
特定於瀏覽器的問題
如果您有像Ghostery這樣的資源封鎖瀏覽器擴展,您的HubSpot表單可能會被阻止載入和顯示。 進一步了解當您的HubSpot表單被封鎖時會發生什麼。