Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Integrations

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

Última actualización: septiembre 14, 2022

Requisitos

Todos los productos y planes

Una vez que hayas instalado correctamente el plugin de HubSpot Marketing todo en uno: formularios, ventanas emergentes, chat en directo para WordPress, puedes añadir formularios de HubSpot a tus páginas y publicaciones de WordPress.

En WordPress, puedes agregar tus formularios de HubSpot a través del editor Classic o el Editor de 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 el código de incrustación que se cambia cuando ves la página en directo, es posible que debas insertar el formulario usando un plugin para asegurarte de que el código de incrustación permanezca 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 que son compatibles, luego descubre cómo usar 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 plugin o revisa las 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 usando el editor clásico: 

  • Desde 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 de WordPress o post, luego pega el código corto en el editor de página.
     add-shortcode-to-website
  • 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 a HubSpot > Formularios.
    • Pasa el cursor sobre un formulario. Haz clic en el menú desplegable Acciones y selecciona Ver envíos. Más información sobre cómo analizar los envíos de 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ón Inline JS para plugin de Guttenberg para incrustar formularios y CTA en tu página.

Para incrustar un formulario en tus páginas y publicaciones de WordPress con el editor de 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. 

wordpress-hubspot-form-block

  • En el bloque, puedes seleccionar un formulario existente o crear un nuevo formulario:
    • Para seleccionar 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

wordpress-hubspot-form-select-an-existing-form

  • 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 a HubSpot > Formularios.
    • Pasa el cursor sobre un formulario. Haz clic en el menú desplegable Acciones y selecciona Ver envíos. Más información sobre cómo analizar los envíos de formularios..
 
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.