Forms

Formulier op de verkeerde plaats op de externe pagina

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Alle producten en plannen

Wanneer u een HubSpot-formulier invoegt op uw externe pagina, kunt u het op verschillende locaties zien verschijnen. Dit kan het gevolg zijn van het feit dat het formulier dynamisch wordt weergegeven op de pagina, of van een probleem waarbij meerdere formulier insluitcodes worden toegevoegd aan dezelfde <div>-tag in de HTML-pagina.

Formulier dynamisch weergeven op een pagina

Een formulier kan dynamisch worden weergegeven op een pagina en op verschillende plaatsen worden geladen. Om ervoor te zorgen dat het formulier op een specifiek deel van de pagina wordt geladen, voegt u een doelattribuut toe aan de inbeddingcode van het formulier om de specifieke container te specificeren waarin u het formulier wilt weergeven.

In het formulier embed code, voeg een komma (,) toe na de waarde van het formId attribuut, voer dan een nieuwe regel in en voer het doel in : '[naam van de container]' . U kunt bijvoorbeeld het formulier dwingen om te renderen in een container op de pagina met de CSS klasse van sidebar.

User-added image

Leer meer over het aanpassen van het formulier embed code in HubSpot's ontwikkelaars documentatie.

Meerdere inbeddingscodes voor formulieren toegevoegd aan dezelfde <div>-tag

Wanneer u hetzelfde HubSpot formulier meerdere malen insluit op een externe pagina, kunnen de formulieren naast elkaar verschijnen of op de verkeerde locatie als de insluitcodes van het formulier worden toegevoegd aan dezelfde <div> tag in de pagina HTML.

Om ervoor te zorgen dat de formulieren correct worden geladen en weergegeven, voegt uhet attribuut formInstanceIdtoeen specificeert u een unieke waarde voor elk formulier insluitingscode. In het formulier embed code, voeg een komma (,) toe na het formId attribuutwaarde, voer dan een nieuwe regel in en voer formInstanceId in:Het isaan te raden omelk formulierte nummerenin de volgorde waarin het op de pagina verschijnt (bijv. '1' voor het eerste formulier, '2' voor het tweede formulier, etc.).

User-added image
Afbeelding toegevoegd door de gebruiker

Formulier laadt niet in oudere browsers

In oudere browsers kan sommige Javascript in conflict komen met de embedcode van HubSpot en ervoor zorgen dat het formulier niet wordt geladen.

Om ervoor te zorgen dat de formulieren correct worden geladen en weergegeven,kan eendoelattribuut worden toegevoegd aan elk formulier insluitingscode om de specifieke container te specificeren die u wilt dat het formulier wordt weergegeven.

form-embed-target

Lees meer over hetaanpassen van de insluitingscode van het formulier in dedocumentatie van de ontwikkelaars van HubSpot.