Última actualización: octubre 19, 2020
Cuando incrustas un formulario de HubSpot en tu página externa, puedes ver que aparece en diferentes ubicaciones. Esto puede deberse a que el formulario se presenta dinámicamente en la página o a un problema al agregar varios códigos de incrustación de formularios a la misma etiqueta <div> en el HTML de la página.
El formulario se presenta dinámicamente en la página
Un formulario se puede presentar dinámicamente en una página y cargarse en diferentes ubicaciones. Para asegurarte de que el formulario se cargue en una parte específica de la página, agrega un atributo objetivo al código de incrustación del formulario para especificar el contenedor específico que deseas que aparezca en el formulario.
En el código de incrustación del formulario, agrega una coma (,) después del valor de atributo formId, y luego introduce una nueva línea nueva y el objetivo: '[nombre del contenedor] ' . Por ejemplo, puedes forzar el formulario para que aparezca en un contenedor en la página con la clase CSS de la barra lateral.
Más información sobre cómo personalizar el código de incrustación del formulario en la documentación de los desarrolladores de HubSpot.
Se agregaron varios códigos de incrustación de formularios a la misma etiqueta <div>
Cuando incrustas el mismo formulario de HubSpot varias veces en una página externa, los formularios pueden aparecer uno al lado del otro o en la ubicación equivocada si se le agregan los códigos de incrustación del formulario a la misma etiqueta <div> en el HTML de página.
Para garantizar que los formularios se carguen y se muestren correctamente, agrega el atributo de formInstanceId y especifica un valor único para cada código de incrustación de formulario. En el código de incrustación del formulario, agrega una coma (,) después del valor de atributo formId y luego introduce una nueva línea e ingresa formInstanceId: '[number] ' .Se recomienda marcar con un número cada formulario en el orden que aparece en la página (por ej. '1 'para el primer formulario '2 ' para el segundo formulario, etc.).
El formulario no se carga en navegadores anteriores
En navegadores anteriores, algunos Javascript pueden ser incompatibles con el código de incrustación de HubSpot y causar que el formulario no se cargue.
Para garantizar que los formularios se carguen y muestren correctamente, se puede agregar un atributo objetivo a cada código de incrustación del formulario para especificar el contenedor específico que deseas que aparezca en el formulario.
Más información sobre cómo personalizar el código de incrustación del formulario en la documentación de los desarrolladores de HubSpot.