Agrega formularios de HubSpot a páginas y publicaciones de WordPress

Una vez que hayas instalado correctamente el plugin HubSpot - CRM, Email Marketing, Live Chat, Forms & Analytics, podrás añadir formularios de HubSpot a tus páginas y entradas de WordPress.

En WordPress, puedes agregar tus formularios de HubSpot a través del editor clásico o del editor Gutenberg.

Antes de comenzar

Antes de comenzar, ten en cuenta lo siguiente:

• Si estás incrustando un formulario en tu sitio de WordPress, es posible que debas aplicar declaraciones CSS adicionales dentro de tu hoja de estilo externa para que el formulario sea adaptable. 
• Si observas que tu formulario no funciona en WordPress o que el código de incrustación se altera cuando ves la página en directo, puede que tengas que insertar el formulario utilizando un plugin para asegurarte de que el código de incrustació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. Revisa la tabla de formularios compatibles, y luego aprende cómo utilizar formularios que no sean de HubSpot. 
• Si estás usando un formulario compatible, no de HubSpot en WordPress, pero no ves los datos de envío en HubSpot, puedes tener otro plugin de WordPress instalado que representa un conflicto con el plugin de HubSpot-WordPress. Desactiva el plugin, o revisa preguntas frecuentes para pasos adicionales de solución de problemas. 

 Editor clásico

Para incrustar un formulario en tus páginas y publicaciones de WordPress utilizando el editor clásico:

• En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios.  
• Coloca el cursor sobre el formulario que deseas agregar a tu sitio web y haz clic en Copiar código corto. También puedes crear un nuevo formulario de HubSpot haciendo clic en Crear formulario.
• Navega a una página o publicación de WordPress, luego pega el código corto en el editor de página.
  
• Después de publicar tu página, para ver los envíos al formulario en WordPress:
  • Desde tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega hasta HubSpot > Formularios.
  • Pasa el ratón por encima de un formulario . A continuación, haz clic en el menú desplegable Acciones y selecciona Ver envíos. Más información sobre analizando los envíos de tus formularios. 

Editor de Gutenberg

Si estás usando la versión más reciente de Guttenberg, que elimina JavaScript en línea, usa la opciónInline JS para plugin de Guttenberg para incrustar formularios y CTA en tu página en su lugar.

Para incrustar un formulario en tus páginas y publicaciones de WordPress utilizando el editor Gutenberg: 

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

• 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, navega a HubSpot > Formularios en el menú de la barra lateral izquierda y haz clic en Crear formulario.

• Después de publicar tu página, para ver los envíos al formulario en WordPress:
  • Desde tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega hasta HubSpot > Formularios.
  • Pasa el ratón por encima de un formulario . A continuación, haz clic en el menú desplegable Acciones y selecciona Ver envíos. Más información sobre analizando los envíos de tus formularios.