知識庫

疑難解答外部嵌入的HubSpot表單

作者:HubSpot Support | Nov 21, 2022 11:56:22 AM

如果您在外部頁面上嵌入的 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表單被封鎖時會發生什麼。