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

排除外部嵌入的HubSpot表單

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

套用至:

所有產品和版本

如果在外部頁面上嵌入的HubSpot表單無法正常工作或出現,請瞭解最常見的嵌入問題表單,以及如何排除問題。

確認表單嵌入代碼

若要確認外部網頁上的嵌入代碼正確無誤,請將HubSpot提供的表單嵌入代碼與網站上的代碼進行比較:
  • 在 HubSpot 帳戶中,進入「行銷」>「商機擷取 」>「表單」。
  • 將滑鼠停留在表單上,然後按一下[編輯]
  • 在表單編輯器的右上角,按一下嵌入
  • 在「」對話方塊中,按一下複製

  • 在瀏覽器中,瀏覽器瀏覽器瀏覽器中的文字比較工具Diff Checker。 
  • 原文 」部分,貼上表單嵌入代碼。
  • 導航到嵌入表單的網站頁面。 然後,右鍵按一下網頁上的任意位置,然後選擇檢視網頁來源。 
  • 在網頁源中找到表單嵌入代碼並複製它。
  • 返回差異檢查器。
  • 在「變更文字」部分,貼上外部嵌入的代碼。
  • 點擊「尋找差異」,尋找缺失或破損的代碼。 如果嵌入代碼相同,則會顯示兩個檔案相同的訊息。 否則,任何差異都會以紅色和綠色強調。

如果外部嵌入的代碼與HubSpot代碼不符,請在外部頁面上重新嵌入正確的代碼

如果外部嵌入的代碼與HubSpot代碼相符,則外部頁面上的HTML或JavaScript中的某些內容可能會幹擾表單的嵌入代碼。 你應該與你的開發人員合作進一步排除問題。

旅居主人特有的嵌入問題

如果你使用的是WordPress、Squarespace或Wix ,你可以繼續在下面的每個網站主機中排除以下問題。 

大唐商務建站系統

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

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

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

Squarespace

某些Squarespace模板只在初始頁面載入時渲染腳本,而不在任何其他頁面上渲染。 這可能會導致HubSpot表單在某些網頁上無法正常工作,因為訪客瀏覽您的網站時,表單腳本無法加載。 

為了防止這種情況發生,請嘗試在Squarespace中停用AJAX載入。 如果無法使用,您也可以嘗試使用其他Squarespace模板。

WIX

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

若要將HubSpot表單新增至Wix頁面,請先嘗試新增Wix iframe模組,然後輸入表單的嵌入代碼,將表單以小工具形式新增至模組,或輸入表單獨頁面的網址,以嵌入式網 

瀏覽器特有的問題

如果你有一個資源封鎖瀏覽器擴展程序(如Ghostery ) ,你的HubSpot表單可能會被封鎖,無法載入和顯示。 了解更多關於當您的HubSpot表單被封鎖時會發生的情況。 

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