Añadir formularios de HubSpot a páginas y entradas de WordPress (legado)

Una vez que hayas instalado correctamente el plugin HubSpot - CRM, Email marketing, Live chat, Forms & Analytics, puedes añadir formularios heredados de HubSpot a tus páginas y entradas de WordPress .

Nota: este artículo es de referencia únicamente para formularios existentes creados con el editor heredado . Actualmente, no es posible insertar formularios de HubSpot creados con el editor de formularios actualizado en páginas o entradas de WordPress. Obtenga más información sobre el uso del editor de formularios actualizado para crear y gestionar formularios.

En WordPress, puedes añadir tus formularios heredados de HubSpot a través del editor Classic o del editor Gutenberg.

Antes de empezar

Antes de comenzar, ten en cuenta lo siguiente: 

• Si está insertando un formulario en su sitio de WordPress, es posible que tenga que aplicar declaraciones CSS adicionales dentro de su hoja de estilos externa para que el formulario responda.
• Si observas que tu formulario no funciona en WordPress o que el código de inserción se altera cuando visualizas la página en directo, puede que necesites insertar el formulario utilizando un plugin para asegurarte de que el código de inserción permanece intacto.
• Si estás usando otro plugin de formulario, como el Formulario de contacto 7 o Ninja Forms, puedes recopilar envíos en HubSpot. Consulte la tabla de formularios compatibles y aprenda a utilizar formularios externos a HubSpot.
• Si estás utilizando un formulario externo compatible con WordPress, pero no ves los datos de envío en HubSpot, es posible que tengas instalado otro plugin de WordPress que entre en conflicto con el plugin HubSpot-WordPress. Desactive el complemento o consulte las preguntas más frecuentes para obtener más información sobre la solución de problemas.

Editor clásico

Para insertar un formulario heredado de HubSpot en tus páginas y entradas de WordPress utilizando el editor clásico:

1. En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios. 
2. Coloca el cursor sobre el formulario que deseas agregar a tu sitio web y haz clic en Insertar. También puedes crear un nuevo formulario de HubSpot haciendo clic en Crear formulario.
3. Haz clic en Código corto de WordPress, luego haz clic en Copiar para copiar el código de inserción. 
4. Vaya a una página o entrada de WordPress y pegue el código abreviado en el editor de páginas.

1. En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios.
2. Coloca el cursor sobre un formulario. A continuación, haga clic en el menú desplegable Acciones y seleccione Ver envíos. Más información sobre el análisis de los envíos de formularios. 

Editor de Gutenberg

Si utilizas la última versión de Gutenberg, que elimina JavaScript en línea, utiliza el plugin Inline JS Block for Gutenberg para insertar formularios y CTA heredados de HubSpot en tu página.

Para insertar un formulario heredado de HubSpot en tus páginas y entradas de WordPress utilizando el editor Gutenberg: 

1. En tu cuenta de Wordpress, navega a tu página o publicación. 
2. Haz clic en el icono más en la barra de herramientas. Busca el bloque HubSpot Form y haz clic en él para añadirlo a tu contenido. 

3. En el bloque, puedes seleccionar un formulario existente o crear uno nuevo:

• • Si estás conectando un formulario existente, haz clic en el menú desplegable Seleccionar un formulario existente y selecciona un formulario.
  • Para crear un nuevo formulario, vaya a HubSpot > Formularios en el menú de la barra lateral izquierda y haga clic en Crear formulario. 

1. En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios.
2. Coloca el cursor sobre un formulario. A continuación, haga clic en el menú desplegable Acciones y seleccione Ver envíos. Más información sobre el análisis de los envíos de formularios.