Fehlerbehebung bei extern eingebetteten HubSpot-Formularen

Wenn das HubSpot-Formular, das Sie auf einer externen Seite eingebettet haben, nicht funktioniert oder nicht korrekt angezeigt wird, erfahren Sie mehr über die häufigsten Probleme beim Einbetten von Formularen und wie Sie diese beheben können.

Bestätigen Sie den Einbettungscode des Formulars

• Gehen Sie in Ihrem HubSpot-Account zum Abschnitt Marketing und klicken Sie dann auf Formulare.
• Bewegen Sie den Mauszeiger über das Formular und klicken Sie auf Bearbeiten.
• Klicken Sie oben rechts im Formulareditor auf Einbetten.
• Klicken Sie im Dialogfeld auf „Kopieren“.

• Navigieren Sie In Ihrem Browser zu Diff Checker, einem Textvergleichs-Tool. 
• Fügen Sie im Abschnitt Original Text den Formular-Einbettungscode ein.

• Navigieren Sie zu der Seite der Website, in die das Formular eingebettet ist. Klicken Sie dann mit der rechten Maustaste auf eine beliebige Stelle der Seite und wählen Sie Seitenquelle anzeigen. 
• Suchen Sie den Code zum Einbetten des Formulars im Quelltext der Seite und kopieren Sie ihn.
• Navigieren Sie zurück zum Diff-Checker.
• Fügen Sie im Abschnitt Changed Text den auf der externen Seite eingebetteten Code ein.
• Klicken Sie auf Find Difference, um nach fehlendem oder fehlerhaftem Code zu suchen. Wenn die Einbettungscodes identisch sind, wird die Meldung Die beiden Dateien sind identisch angezeigt. Andernfalls werden die Unterschiede in rot und grün hervorgehoben.

Wenn der extern eingebettete Code nicht mit dem HubSpot-Code übereinstimmt, betten Sie den korrekten Code erneut auf Ihrer externen Seite ein .

Wenn der extern eingebettete Code mit dem HubSpot-Code übereinstimmt, kann es sein, dass etwas im HTML- oder JavaScript-Code Ihrer externen Seite mit dem Einbettungscode des Formulars interferiert. Sie sollten mit Ihrem Entwickler zusammenarbeiten, um weitere Probleme zu beheben.

Hostspezifische Einbettungsprobleme

Wenn Sie WordPress, Squarespace oder Wix verwenden, können Sie die Fehlersuche für die folgenden Probleme in jedem der unten aufgeführten Website-Hosts fortsetzen. 

WordPress

Wenn Ihr Formular in eine WordPress-Seite eingebettet ist, können die folgenden Probleme auftreten:

• WordPress kann '&' im eingebetteten Formularcode in '&' konvertieren, was die Funktionalität des Codes beeinträchtigt.
• XHTML-WordPress-Themes fügen <![CDATA[ ]]> -Tags um das JavaScript herum ein, was sich nicht auf die Darstellung des Formulars auswirken sollte, aber bei der Überprüfung des eingebetteten Formularcodes zu beachten ist.

Wenn WordPress den Einbettungscode ändert, empfiehlt es sich, ein Plugin eines Drittanbieters wie Insert HTML Snippet zu verwenden, um das Formular als Shortcode in die Seite oder den Beitrag einzufügen, damit die Skript-Tags erhalten bleiben.

Squarespace

Einige Squarespace-Vorlagen rendern Skripte nur beim ersten Laden der Seite und nicht auf anderen Seiten. Dies kann dazu führen, dass HubSpot-Formulare auf einigen Seiten nicht richtig funktionieren, weil die Formularskripte nicht geladen werden, wenn der Besucher durch Ihre Website navigiert. 

Um dies zu verhindern, sollten Sie das Ajax-Laden in Squarespace deaktivieren. Wenn dies nicht funktioniert, können Sie auch versuchen, eine andere Squarespace-Vorlage zu verwenden.

Wix

Wix unterstützt generell keine benutzerdefinierte Programmierung auf gehosteten Websites. Daher ist es nicht möglich, Ihr HubSpot-Formular direkt in eine Wix-Seite einzubetten.

Um ein HubSpot-Formular zu Ihrer Wix-Seite hinzuzufügen, fügen Sie zunächst ein Wix-iframe-Modul hinzu und fügen dann das Formular entweder als Widget hinzu, indem Sie den Einbettungscode des Formulars eingeben, oder als eingebettete Site , indem Sie die URL der eigenständigen Seite des Formularseingeben. 

Browser-spezifische Probleme

Wenn Sie eine Browsererweiterung wie Ghostery verwenden, die Ressourcen blockiert, können Ihre HubSpot-Formulare nicht geladen und angezeigt werden. Erfahren Sie mehr darüber, was passiert, wenn Ihre HubSpot-Formulare blockiert werden.