HubSpot Kunskapsbas

Felsöka externt inbäddade HubSpot-formulär

Skriven av HubSpot Support | Nov 2, 2021 2:05:38 PM

Om det HubSpot-formulär som du har bäddat in på en extern sida inte fungerar eller visas korrekt kan du läsa om de vanligaste problemen med att bädda in formuläret och hur du löser dem.

Bekräfta koden för inbäddning av formuläret

För att bekräfta att inbäddningskoden på din externa sida är korrekt jämför du koden för inbäddning av formuläret som tillhandahålls av HubSpot med koden som finns på din webbplats:
  • }
  • Håll muspekaren över formuläret och klicka på Redigera.
  • Klicka på Inbädda i övre högra hörnet av formulärredigeraren.
  • Klicka på Kopiera i dialogrutan.

  • Navigera till Diff Checker, ett verktyg för textjämförelser, i din webbläsare.
  • I Originaltext klistrar du in koden för inbäddning av formuläret.
  • Navigera till den webbsida där formuläret är inbäddat. Högerklicka sedan någonstans på sidan och välj Visa sidans källa.
  • Leta upp koden för inbäddning av formuläret i sidans källkod och kopiera den.
  • Navigera tillbaka till Diff-kontrollen.
  • Klistra in den externt inbäddade koden i avsnittet Ändrad text.
  • Klicka på Hitta skillnad för att leta efter saknad eller trasig kod. Om de inbäddade koderna är desamma visas meddelandet De två filerna är identiska. I annat fall markeras eventuella skillnader med rött och grönt.

Om den externt inbäddade koden inte stämmer överens med HubSpot-koden, bäddar du in rätt kod på din externa sida igen .

Om den externt inbäddade koden stämmer överens med HubSpot-koden kan något i HTML eller JavaScript på din externa sida störa formulärets inbäddningskod. Du bör samarbeta med din utvecklare för att lösa problemen ytterligare.

Värdspecifika inbäddningsproblem

Om du använder WordPress, Squarespace eller Wix kan du fortsätta att felsöka följande problem hos de olika webbplatsvärdarna nedan.

WordPress

Om ditt formulär är inbäddat på en WordPress-sida kan du stöta på följande problem:

  • WordPress kan konvertera "&" i den inbäddade formulärkoden till "&", vilket bryter kodens funktionalitet.
  • XHTML-teman i WordPress lägger till <![CDATA[ ]]>-taggar runt JavaScript, vilket inte bör påverka formuleringen, men är något du bör notera när du kontrollerar koden för inbäddning av formuläret.

Om WordPress ändrar inbäddningskoden rekommenderas att du använder ett plugin från en tredje part, till exempel Insert HTML Snippet, för att lägga till formuläret på sidan eller i inlägget som en kortkod för att bevara skripttaggarna.

Squarespace

Vissa Squarespace-mallar återger skript endast vid den första sidladdningen och inte på andra sidor. Detta kan leda till att HubSpot-formulär inte fungerar korrekt på vissa sidor eftersom formulärskriptet inte laddas när besökaren navigerar på webbplatsen.

För att förhindra att detta inträffar kan du försöka inaktivera Ajax-laddning i Squarespace. Om detta inte fungerar kan du också försöka använda en annan Squarespace-mall.

Wix

Wix stöder i allmänhet inte anpassad kodning på värdwebbplatser. Därför är det inte möjligt att bädda in ditt HubSpot-formulär direkt på en Wix-sida.

Om du vill lägga till ett HubSpot-formulär på din Wix-sida kan du först lägga till en Wix iframe-modul och sedan lägga till formuläret i modulen antingen som en widget genom att ange formulärets inbäddningskod eller som en inbäddad webbplats genom att ange URL:en för formulärets fristående sida.

Webbläsarspecifika problem

Om du har ett webbläsartillägg som blockerar resurser, till exempel Ghostery, kan dina HubSpot-formulär blockeras från att laddas och visas. Läs mer om vad som händer när dina HubSpot-formulär blockeras.