Solucionar problemas de formularios de HubSpot incrustados externamente

Si el formulario de HubSpot que has incrustado en una página externa no funciona o no aparece correctamente, conoce los problemas más comunes de incrustación de formularios y cómo solucionarlos.

Confirme el código de incrustación del formulario

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Pase el ratón por encima del formulario y haga clic en Editar.
• En la parte superior derecha del editor de formularios, haga clic en Incrustar.
• En el cuadro de diálogo, haz clic en Copiar.

• En tu navegador, navega a Diff Checker, una herramienta de comparación de texto. 
• En la sección Texto original , pega el código de incrustación del formulario.

• Vaya a la página del sitio web en la que está incrustado el formulario. A continuación, haga clic con el botón derecho del ratón en cualquier lugar de la página y seleccione Ver fuente de la página. 
• Localice el código de incrustación del formulario en el código fuente de la página y cópielo.
• Navegue de nuevo a Diff checker.
• En la sección Texto cambiado, pega el código incrustado externamente.
• Haz clic en Buscar diferencia para buscar el código faltante o interrumpido. Si los códigos de incrustación son iguales, aparecerá el mensaje Los dos archivos son idénticos. De lo contrario, las diferencias se resaltarán en rojo y verde.

Si el código incrustado externamente no coincide con el código de HubSpot, vuelve a incrustar el código correcto en tu página externa.

Si el código incrustado externamente coincide con el código de HubSpot, es posible que algo en el HTML o JavaScript de tu página externa esté interfiriendo con el código incrustado del formulario. Deberías trabajar con tu desarrollador para solucionar el problema.

Problemas de incrustación específicos del host

Si utilizas WordPress, Squarespace o Wix, puedes seguir solucionando los siguientes problemas en cada uno de los hosts de sitios web que se indican a continuación. 

WordPress

Si su formulario está incrustado en una página de WordPress, puede encontrarse con los siguientes problemas:

• WordPress puede convertir «&» del código de formulario incrustado en «&» lo que interrumpirá la funcionalidad del código.
• Los temas XHTML de WordPress añadirán etiquetas <![CDATA[ ]]> alrededor del JavaScript, lo que no debería afectar a la representación del formulario, pero es algo a tener en cuenta al comprobar el código de incrustación del formulario.

Si WordPress altera el código incrustado, se recomienda utilizar un plugin de terceros como Insert HTML Snippet para añadir el formulario a la página o entrada como un shortcode para preservar las etiquetas script.

Squarespace

Algunas plantillas de Squarespace renderizan scripts sólo en la carga inicial de la página y no en otras páginas. Esto puede provocar que los formularios de HubSpot no funcionen correctamente en algunas páginas porque los scripts de los formularios no se cargan cuando el visitante navega por tu sitio web. 

Para evitar que esto ocurra, intenta desactivar la carga Ajax en Squarespace. Si esto no funciona, también puedes probar a utilizar una plantilla de Squarespace diferente.

Wix

Por lo general, Wix no admite la codificación personalizada en los sitios web alojados. Como resultado, no es posible incrustar tu formulario de HubSpot directamente en una página de Wix.

Para añadir un formulario de HubSpot a tu página de Wix, prueba a añadir primero un módulo iframe de Wix y luego añade el formulario al módulo, ya sea como Widget introduciendo el código de incrustación del formulario o como Sitio incrustado introduciendo la URL de la página independientedel formulario. 

Problemas específicos de los navegadores

Si tienes una extensión de navegador que bloquea recursos como Ghostery, tus formularios de HubSpot pueden bloquearse para que no se carguen ni se muestren. Obtén más información sobre lo que sucede cuando se bloquean tus formulariosde HubSpot.