Formular wird auf einer externen Seite an der falschen Stelle angezeigt
Zuletzt aktualisiert am: Januar 19, 2023
Produkte/Lizenzen
Alle |
Wenn Sie ein HubSpot-Formular auf einer externen Seite einbetten, kann es geschehen, dass es an verschiedenen Stellen angezeigt wird. Dies kann darauf zurückzuführen sein, dass das Formular dynamisch auf der Seite dargestellt wird oder mehrere Formulareinbettungscodes zum selben <div>-Tag im HTML-Code der Seite hinzugefügt wurden.
Form wird dynamisch auf der Seite dargestellt
Wenn ein Formular dynamisch auf einer Seite dargestellt wird, kann es geschehen, dass es an unterschiedlichen Stellen geladen wird. Um sicherzustellen, dass das Formular auf einen bestimmten Teil der Seite geladen wird, fügen Sie dem Formular-Einbettungscode das Attribut target hinzu, um den spezifischen Container anzugeben, im dem das Formular dargestellt werden soll.
Fügen Sie im Formular-Einbettungscode nach dem Wert des Attributs formId ein Komma (,) hinzu, und geben Sie dann einen Zeilenvorschub und Folgendes ein: target: '[Containername]'. Sie können beispielsweise festlegen, dass das Formular in einem Container auf der Seite mit der CSS-Klasse sidebar dargestellt wird.

Weitere Informationen zum Anpassen des Formular-Einbettungscodes erhalten Sie in der Entwicklerdokumentation von HubSpot.
Mehrere Formular-Einbettungscodes im selben <div>-Tag
Wenn Sie das gleiche HubSpot-Formular mehrmals auf einer externen Seite einbetten, werden die Formulare möglicherweise nebeneinander oder in der falschen Stelle angezeigt, wenn die Formular-Einbettungscodes im HTML-Code der Seite demselben <div>-Tag hinzugefügt wurden.
Um sicherzustellen, dass Formulare korrekt geladen und angezeigt werden, fügen Sie das Attribut formInstanceId hinzu, und geben Sie für jeden Formular-Einbettungscode einen eindeutigen Wert an. Fügen Sie im Formular-Einbettungscode nach dem Wert des Attributs formId ein Komma (,) und geben Sie dann einen Zeilenvorschub und Folgendes ein: formInstanceId: '[Zahl]'. Es wird empfohlen, jedes Formular entsprechend der Reihenfolge auf der Seite zu nummerieren (z. B. 1 für das erste Formular, 2 für das zweite Formular usw.).

Das Formular wird in älteren Browsern nicht geladen
In älteren Browsern kann Javascript-Code einen Konflikt mit dem Einbettungscode von HubSpot verursachen und ein Laden des Formulars verhindern.
Um sicherzustellen, dass Formulare korrekt geladen und angezeigt werden, kann jedem Formular-Einbettungscode ein target-Attribut hinzugefügt werden, um den spezifischen Container anzugeben, in dem das Formular dargestellt werden soll.
Weitere Informationen zum Anpassen des Formular-Einbettungscodes erhalten Sie in der Entwicklerdokumentation von HubSpot.
Thank you for your feedback, it means a lot to us.
Verwandte Artikel
-
Pop-up-Formulare erstellen
Mit dem Pop-up-Formular-Tool können Benutzer ansprechende Formulare für die Erfassung von Leads erstellen....
Wissensdatenbank -
Domains, die bei Formulareinsendungen blockiert werden
Um Formulareinsendungen zu blockieren, die eine E-Mail-Adresse mit einer Einweg-Domain enthalten, können Sie...
Wissensdatenbank -
HubSpot-Formular auf einer externen Website einrichten und gestalten
Nachdem Sie ein Formular in HubSpot erstellt haben, können Sie es zu Seiten von HubSpot oder Seiten, die...
Wissensdatenbank