Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

Formular wird auf einer externen Seite an der falschen Stelle angezeigt

Zuletzt aktualisiert am: Juni 26, 2023

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Alle

Wenn Sie ein HubSpot Formular auf Ihrer externen Seite einbetten, kann es sein, dass es an einer anderen Stelle als gewünscht angezeigt wird.

Dies kann darauf zurückzuführen sein, dass das Formular dynamisch auf der Seite gerendert wird oder dass mehrere Codes zum Einbetten von Formularen demselben <div> Tag im HTML-Code der Seite hinzugefügt wurden.

Diese Probleme können durch die Anpassung des Codes zum Einbetten des Formulars behoben werden. Erfahren Sie mehr über das Anpassen des eingebetteten Codes des Formulars in der Entwicklerdokumentation von HubSpot.

Einzelnes Formular

Ein Formular kann manchmal dynamisch auf einer Seite gerendert werden und an verschiedenen Stellen geladen werden. Bei älteren Browsern kann es vorkommen, dass das Formular gar nicht angezeigt wird.

Um sicherzustellen, dass das Formular erfolgreich in einem bestimmten Teil der Seite geladen wird, können Sie ein target Attribut zum form embed code hinzufügen, um den spezifischen Container anzugeben, in dem das Formular gerendert werden soll.

Sie können zum Beispiel erzwingen, dass das Formular in einem Container auf der Seite mit der CSS Klasse von sidebardargestellt wird. So fügen Sie dem Code zum Einbetten des Formulars ein Attribut für das Ziel hinzu: 

  • Fügen Sie im Code zum Einbetten des Formulars ein Komma (,) nach der formIdein.
  • Geben Sie dann eine neue Zeile ein und tragen Sie target: '[Containername]' ein.

 

Mehrere Formulare

Wenn Sie dasselbe HubSpot-Formular mehrfach auf einer externen Seite einbetten, werden die Formulare möglicherweise nebeneinander oder an der falschen Stelle angezeigt. Dies geschieht, wenn die Codes zum Einbetten des Formulars zum gleichen Tag <div> im HTML der Seite hinzugefügt werden. 

Um sicherzustellen, dass die Formulare korrekt geladen und angezeigt werden, fügen Sie das Attribut formInstanceId hinzu und geben Sie einen eindeutigen Wert für jeden Code zum Einbetten des Formulars an:

  • Fügen Sie im Code zum Einbetten des Formulars ein Komma (,) nach dem Wert des Attributs formId ein,
  • Fügen Sie dann eine neue Zeile ein und geben Sie formInstanceId: '[number]' ein. 
  • Fügen Sie jedes Formular in der Reihenfolge hinzu, in der es auf der Seite erscheint, und nummerieren Sie es. Zum Beispiel '1' für das erste Formular, '2' für das zweite Formular und so weiter.

 

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.