Forms

¿Por qué un formulario incrustado podría “desaparecer” de una página o cambiar de ubicación?

Última actualización: November 2, 2017

Requisitos

Marketing: Básico, Pro, Enterprise
Ventas: N/A

Situación 1: Una única instancia de formulario cambia de lugar en una página externa

Si incrustas un formulario de HubSpot en una página externa que no pertenece a HubSpot, es posible que veas que el formulario ya no aparece en su ubicación original. Esto podría deberse a la manera dinámica en la que se muestran los formularios, pero puedes agregar un parámetro en el código de incrustación para garantizar que el formulario aparezca en el sector de la página que deseas. Ten en cuenta que esta acción podría no suceder de manera inmediata tras incrustar un formulario de HubSpot en una página externa.

Puedes agregar el atributo target en el código de incrustación para especificar el elemento

en el que quieres que se muestre el formulario de HubSpot indicando el ID o clase HTML específicos de ese
. El siguiente ejemplo haría que el formulario se muestre en un elemento de la página con la clase HTML de "sidebar" (barra lateral).

 

Imagen agregada por el usuario
Imagen agregada por el usuario

Asegúrate de que haya una coma tras la línea formId para que el código de incrustación tenga el formato correcto. Debe haber una coma en todas las líneas que tengan un parámetro en el código de incrustación, excepto el parámetro final.

Escenario 2: Múltiples instancias del mismo formulario cambian de ubicación en una página externa

En ocasiones, si incrustas el mismo formulario dos veces en una página que no es de HubSpot, podrías descubrir que las dos instancias del formulario podrían aparecer una al lado de otra, o bien una podría haber cambiado de lugar. Esto se debe a que el código de incrustación del formulario se encuentra en la misma etiqueta HTML

de la página. Ten en cuenta que esta acción podría no suceder de manera inmediata tras incrustar un formulario de HubSpot en una página externa.

 

Para solucionar este problema, agrega formInstanceId al nuevo código de incrustación como se explica a continuación.

Imagen agregada por el usuario
Imagen agregada por el usuario

Cada instancia del formulario en una página necesitará un identificador formInstanceId único. Es recomendable que asignes números a cada formulario según se agreguen a la página (p. ej., comienza con 1, después con 2, etc.). También asegúrate de agregar una coma inmediatamente después de la línea formId.

Además de agregar el atributo formInstanceId cuando tienes el mismo formulario incrustado varias veces en una página, también puedes agregar el atributo target (como puedes ver más arriba) para especificar el elemento

en donde quieres que aparezca tu formulario incrustado.

 

Si quiere obtener más información sobre cómo personalizar el código de incrustación de un formulario, consulta el sitio de HubSpot para desarrolladores en https://developers.hubspot.com/docs/methods/forms/advanced_form_options.