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 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 al visualizar la página en directo, es posible que tengas que insertar el formulario utilizando un complemento 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 admitidos, y luego aprende a utilizar Formularios que no son 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 interruptor, o revisa preguntas más frecuentes para conocer otros pasos de 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:

• 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 Insertar. También puedes crear un nuevo formulario de HubSpot haciendo clic en Crear formulario.
• Haz clic en Código corto de WordPress, luego haz clic en Copiar para copiar el código de inserción. 
• 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:
  • En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios.
  • Coloca el cursor sobre un formulario. Luego, haz clic en el menú desplegable Acciones y selecciona Combinar. Más información sobre analizando los envíos de tus 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: 

• 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:
  • En tu cuenta de WordPress, en el menú de la barra lateral izquierda, navega a HubSpot > Formularios.
  • Coloca el cursor sobre un formulario. Luego, haz clic en el menú desplegable Acciones y selecciona Combinar. Más información sobre analizando los envíos de tus formularios.