External Forms

[aplanet]

Hi, 

Currently we are using 2 external forms in our website, one of them is tracking all the activity from the leads and creating new contacts in the CRM, but the other one isn´t.

We already checked and this form isn´t in the excluded forms, our tracking code is working properly and I´ve tried several times to contact tech support by it hasn´t been possible.

A sales representative sent me this, but it´s completely generic and wasn´t what I´ve been looking for.

Hola Andrés! He escuchado de parte de mi equipo de soporte técnico y me comunican lo siguiente:

Si su formulario es compatible (https://knowledge.hubspot.com/es/articles/kcs_article/forms/use-non-hubspot-forms), pero HubSpot no está capturando envíos, es probable que se deba al siguiente motivo:

- El formulario tiene JavaScript vinculado al evento de envío del formulario o al evento de clic del botón de envío. Así es como la herramienta captura los envíos y cualquier otro evento, y puede evitar que HubSpot sepa cuándo ocurren los envíos.

Las acciones sugeridas en este caso son:

 utilizar una herramienta de depuración de formularios que no son de HubSpot muy simple de usar, disponible en todas las páginas que tienen instalados formularios que no son HubSpot (a través del código de seguimiento de HubSpot). Puede verificar si los formularios que no son de HubSpot están instalados simplemente verificando el origen de la página a través de la sección "inspeccionar elemento" de las herramientas de desarrollo. Para acceder a esto, haga clic derecho en cualquier lugar de la página y seleccione "inspeccionar elemento". Aquí, si hace un cmd (o ctrl) + f y busca "collectedforms" , debería ver https://js.hscollectedforms.net/collectedforms.js en la página. Esto significa que se ha activado el código de seguimiento y se están ejecutando los formularios que no son de HubSpot. Si no ve esto, significa que el código de seguimiento no está en el sitio o que los formularios que no son de HubSpot están actualmente deshabilitados en el portal.

Una vez que haya verificado esto, abra la consola dentro de las herramientas de Chrome Dev. Puede hacerlo haciendo clic en cualquier lugar de la página, seleccionando "inspeccionar elemento" y luego haciendo clic en la pestaña "consola" en la parte superior. Asegúrese de que "detallado" (Verbose en inglés) esté seleccionado en su configuración y que todo se vea exactamente así en su consola:

Aquí simplemente copie y pegue lo siguiente en su consola: localStorage.setItem("LEADIN_DEBUG",true)

y presione Enter.

Una vez que hayas hecho esto, presiona "preservar registro" en la parte superior de la consola y actualiza la página. Esto ejecutará la herramienta de depuración que mostrará los formularios compatibles en la página a medida que se recogen. Con "conservar registro" aún habilitado, complete el formulario que desea probar y presione enviar. Si el formulario se sincroniza correctamente y se envía, verá un bloque JSON con la información del formulario dentro de su consola:

Esto nos muestra que el formulario ha sincronizado, guardado la información en la cookie y enviar los datos a HubSpot. 🙂

Aquí hay una grabación de cómo hacer esto y cómo debería verse el proceso: https://www.useloom.com/share/a9bde5b7dda041bd95a1cb0b23882d4a

Qué pasa si esto no sucede?

Si ve que su formulario se recoge dentro de la herramienta de depuración y no se realiza un envío en la herramienta de depuración cuando presiona enviar, esto indicaría que algún script está vinculado al envío y salta para evitar que enviemos el formulario. Es difícil para nosotros determinar qué script es nuestro y sería algo que deberías hablar con el desarrollador / diseñador de su formulario para averiguarlo.

Podemos verificar si hay “oyentes de eventos“ (Event Listeners) en cuanto se interactúa con el botón de envío a través de las herramientas de desarrollo de Chrome. Si slecciona el elemento del botón de envío dentro de las herramientas de desarrollo y mira el panel de la derecha, verá "oyentes de eventos". Aquí, si abre la pestaña "enviar", verá todos los scripts que esperan el evento de envío en esta página:

Verá que este formulario en particular solo ha recopilado formularios en el evento de envío, (si hay otros pueden aparecer aquí.) Sin embargo, otros scripts fuera de esto pueden entrar en conflicto con el envío del formulario recopilado.

Espero sea de ayuda!

One of our tech members did this and asked me to pass to Hubspot team, nevertheless I`m not able to contact them so I would appreciate if someone can help me.

plugin: Appointment Hour Booking ( https://apphourbooking.dwbooster.com/ )

- no está en la lista de formularios compatibles, ni en la de incompatibles (pero no es un iframe): https://knowledge.hubspot.com/es/articles/kcs_article/forms/use-non-hubspot-forms

- hemos seguido las instrucciones del técnico de HubSpot, te adjunto las capturas de pantalla con la info:

[JVegadeSeoane]

Something simillar happens to me. In this site I have 2 contact forms. (see image below) But only the one in the left side is in hubspot. At first I thought it was because I did not have an email field. But then I added it and it still isnt in hubspot forms

Any idea why?? Thanks 🙂

[trevordjones · Accepted solution]

Hi @aplanet,

If you're using captured forms for this, I believe that the most likely reason for the problem is that there is a mismatch between how form fields are labeled in your external forms, and how the fields are labeled in HubSpot.  For collected forms to work properly, its very important that these fields are named consistently.  

If field labels are not what is causing the problem, I'm going to need to see what's happening in order to help you.  Perhaps you could post some screenshots of the form in question and your forms screens in HubSpot so we can see what's happening?

It might also be helpful to understand where these external forms are hosted, what CRM that page uses, and how the form was created (ie, with a WordPress plugin or some other tool.)

-Trevor