how to create a hubspot form in wordpress og Cómo crear un formulario de HubSpot en WordPress

Cómo crear un formulario de HubSpot en WordPress

¿Quieres agregar un formulario de Hubspot a tu sitio de WordPress?

HubSpot es una popular plataforma de marketing todo en uno diseñada para hacer crecer su negocio, utilizada por más de 113 925 personas en todo el mundo. Hubspot también le permite crear formularios atractivos para su sitio web.

En este artículo, le mostraremos cómo crear un HubSpot en WordPress.

Cómo crear un formulario de HubSpot en WordPress

Por qué usar HubSpot para crear formularios

Hubspot es una plataforma de marketing y ventas que ayuda a las empresas a crecer. Viene con toneladas de herramientas, incluido un administrador de relaciones con el cliente (CRM), un sistema de administración de contenido (CMS), marketing por correo electrónico incorporado y generación de clientes potenciales.

También tienen un potente generador de formularios de WordPress, que se integra a la perfección con WordPress para que pueda crear formularios sin problemas.

Este generador de formularios es un simple generador de arrastrar y soltar que le permite crear formularios interactivos sin una sola línea de código, lo que lo convierte en uno de los mejores complementos de formularios de contacto que existen.

También tenga en cuenta que HubSpot también se integra fácilmente con otras herramientas de formulario como WPForms, formas formidables y más. Dicho esto, echemos un vistazo a cómo crear un formulario de HubSpot en WordPress.

Método 1. Crea un formulario de HubSpot usando el complemento de HubSpot

Puede crear fácilmente un formulario de HubSpot para su sitio web de WordPress usando el complemento de HubSpot.

Primero debe instalar y activar el complemento HubSpot. Para obtener más información, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Tras la activación, el complemento agregará un nuevo elemento de menú en la barra lateral de administración de WordPress. Simplemente haga clic en hubspot para ir al asistente de configuración donde puedes crear una cuenta de HubSpot si aún no tienes una.

Si tiene una cuenta, debe hacer clic en el enlace ‘Iniciar sesión aquí’ en la parte superior.

Desde el tablero, ve a HubSpot y haz clic en el enlace Iniciar sesión aquí

Esto abrirá una ventana emergente de ‘Inicio de sesión en HubSpot’.

Simplemente escriba su nombre de usuario y contraseña y luego haga clic en el botón ‘Iniciar sesión’.

Inicia sesión en tu cuenta de HubSpot

Una vez que haya iniciado sesión, HubSpot le preguntará si desea continuar con la cuenta con la que acaba de iniciar sesión.

Simplemente haga clic en el botón ‘Continuar con esta cuenta’.

Haga clic en el botón continuar con esta cuenta

Luego se le pedirá que conecte su cuenta de HubSpot a su sitio web de WordPress.

Simplemente haga clic en el botón ‘Conectar sitio web’.

Haga clic en el botón Conectar sitio web

Una vez que hayas conectado el sitio web de WordPress a tu cuenta de HubSpot, ve a HubSpot » Formularios desde el panel de administración de WordPress.

Esto lo llevará a la página de ‘Formularios’. Ahora haga clic en el botón «Crear un formulario libre» en la esquina superior derecha.

Haga clic en el botón Crear un formulario libre

A continuación, debe seleccionar su tipo de formulario y luego hacer clic en el botón ‘Siguiente’ en la parte superior.

Para este tutorial, crearemos un formulario incrustado.

Elija un tipo de formulario

Luego serás llevado a la biblioteca de plantillas de HubSpot.

Simplemente elija la plantilla que desee, como ‘Registro’ o Contáctenos.’ Luego haga clic en el botón ‘Inicio’ en la parte superior.

Elija una plantilla de formulario

Ahora que está en el editor de formularios, puede editar la plantilla de formulario prefabricada arrastrando y soltando campos desde la izquierda a la vista previa de la derecha.

Cuando haya terminado de personalizar, haga clic en el botón «Enviar» en la parte superior.

Cree un formulario y haga clic en el botón Enviar

Esto abrirá una ventana emergente ‘Ver y publicar’.

Simplemente desplácese hacia abajo y haga clic en el botón ‘Publicar’.

Haga clic en el botón Enviar

Después de hacer clic en el botón ‘Publicar’, aparecerá una ventana emergente en su pantalla. Dado que este es un formulario incrustado, se proporciona un código abreviado.

Ahora simplemente haga clic en el botón «Copiar» al lado del código abreviado.

Copia el código abreviado

Puedes incrustar este código en cualquier página donde quieras agregar tu formulario de HubSpot. Para obtener más información, consulte nuestra guía sobre cómo agregar códigos cortos en WordPress.

Método 2. Crea un formulario de HubSpot usando WPForms

También puedes crear un formulario de HubSpot usando WPForms porque este complemento viene con un complemento de integración de HubSpot. WPForms es el generador de formularios de WordPress de arrastrar y soltar más popular con más de 5 millones de instalaciones activas.

Tenga en cuenta que necesita al menos uno Licencia WPForms Elite para acceder a la Complemento de HubSpot.

Lo primero que debe hacer es instalar y activar el complemento WPForms. Consulte nuestra guía sobre cómo instalar un complemento de WordPress para obtener más información.

Después de la activación, vaya a WPForms » Complementos desde el panel de administración. Esto lo llevará a la página ‘Complementos de WPForms’.

Simplemente busque el complemento de HubSpot y haga clic en el botón «Actualizar ahora».

Haz clic en el botón Actualizar ahora debajo del complemento de HubSpot

Esto lo llevará a la página de su ‘cuenta de WPForms’. Simplemente desplácese hacia abajo hasta el ‘Complemento de HubSpot’ y haga clic en el botón de descarga.

Después de eso, puede instalar y activar el complemento de HubSpot de la misma manera que instaló y activó el complemento.

Haz clic en el botón Descargar HubSpot

Luego ve a WPForms » Configuración desde el tablero de WordPress. Luego vaya a la pestaña ‘Integraciones’.

Aquí encontrarás HubSpot en la lista de integraciones. Simplemente haga clic en el ícono de la flecha para expandir la sección, luego haga clic en el botón «Agregar nueva cuenta».

Elija HubSpot para la integración

Se abrirá un mensaje que te pedirá que te conectes a tu cuenta de HubSpot. Simplemente escriba las credenciales de su cuenta de HubSpot.

Si aún no tienes una cuenta, puedes crear una aquí.

Inicia sesión en tu cuenta de HubSpot

A continuación, se le preguntará si desea continuar con esta cuenta.

Simplemente haga clic en el botón ‘Continuar con esta cuenta’.

Haz clic en Continuar con esta cuenta

Después de eso, verá una ventana emergente que le pedirá que conecte WPForms a Hubspot.

Haga clic en el botón «Conectar aplicación» en la parte inferior de la página.

Haga clic en el botón Conectar aplicación para conectar WPForms y HubSpot

En su tablero de WordPress, regrese a la pantalla «Integraciones».

Ahora debería ver «Conectado» junto a la sección de HubSpot.

HubSpot marcado como Conectado

ahora ve a WPForms » Agregar nuevo desde el tablero para crear tu formulario de HubSpot.

Primero, seleccione una plantilla de formulario de la biblioteca de plantillas de WPForms.

Seleccione una plantilla para usted de la biblioteca de plantillas de WPForms

Después de seleccionar la plantilla, accederá a la interfaz de WPForms, donde podrá editar la plantilla del formulario.

Ahora haga clic en la opción ‘Marketing’ en la barra de menú de la izquierda. Simplemente seleccione ‘HubSpot’ de la lista de integraciones.

Aparecerá una ventana emergente de HubSpot en la pantalla. Haga clic en el botón «Agregar nueva conexión» en la parte superior.

Haga clic en el botón Agregar nueva conexión

WPForms ahora le pedirá que ingrese un apodo para la conexión.

Eres libre de elegir el nombre que quieras, ya que nadie más que tú lo ve. Simplemente haga clic en el botón ‘Aceptar’ cuando haya terminado.

Elige un apodo que te guste

WPForms luego te pedirá que selecciones tu cuenta de HubSpot y elijas una acción para realizar. Simplemente elija su cuenta en el campo ‘Seleccionar cuenta’.

Luego elija la opción ‘Crear/actualizar contacto’ en el campo ‘Acción a tomar’.

Completar acción para ejecutar campo

Después de seleccionar esta opción, varias configuraciones nuevas aparecen en el formulario.

Rellene esos campos en consecuencia.

Rellene campos adicionales

Entonces estará listo para personalizar su formulario en el creador de formularios.

Simplemente arrastre y suelte los campos desde la izquierda a la vista previa en vivo a la derecha.

Formulario en el generador de formularios

Puedes agregar cualquier información que desees recopilar y organizar en tu cuenta de HubSpot.

Una vez que esté satisfecho, haga clic en el botón «Incrustar» en la parte superior del generador de formularios.

Haga clic en el botón Insertar

Esto abrirá el mensaje ‘Incrustar en una página’.

Para incrustar tu formulario de HubSpot en una nueva página, haz clic en la opción «Crear nueva página».

Para incrustar un formulario en una página existente, haga clic en la opción ‘Seleccionar página existente’.

Seleccione la opción de página existente

Después de eso, simplemente elija la página apropiada de la lista desplegable que aparece.

Ahora haga clic en el botón ‘Vamos’.

Haga clic en el botón Vamos

Se le redirigirá automáticamente a la página que seleccionó en el menú desplegable. El formulario de HubSpot ya está incrustado allí.

Simplemente haga clic en el botón ‘Publicar’ en la parte superior del editor de contenido para que su nuevo formulario esté activo.

Haga clic en el botón Publicar después de incrustar el formulario

¡Eso es! Esperamos que hayas aprendido a crear un formulario de HubSpot en WordPress. También puede consultar nuestra guía definitiva de SEO para principiantes y nuestras selecciones de expertos de los mejores temas multipropósito para crear un sitio atractivo.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Su Calificación Nos Ayuda a Mejorar