Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un formulario de HubSpot en WordPress (2 métodos fáciles)

HubSpot es una popular plataforma de CRM y marketing todo en uno diseñada para ayudarte a hacer crecer tu negocio. Con el maquetador de formularios de HubSpot, puedes empezar a convertir visitantes de sitios web en clientes potenciales cualificados, recopilar información de clientes e impulsar la participación.

Al crear varios formularios con HubSpot en nuestros sitios web de prueba, hemos podido conocer de primera mano su eficacia, su interfaz fácil de usar y sus potentes características.

En este artículo, te mostraremos cómo crear un formulario de HubSpot en WordPress. Nuestras instrucciones paso a paso están diseñadas para principiantes y no requieren ningún conocimiento de código.

How to Create a HubSpot Form in WordPress

¿Por qué usar HubSpot para crear formularios?

HubSpot es una plataforma de marketing y ventas que ayuda a las empresas a crecer. Incluye numerosas herramientas, como un gestor de relaciones con los clientes (CRM), un sistema de gestión de contenidos (CMS), marketing por correo electrónico integrado y generación de clientes potenciales.

También cuenta con un potente maquetador de formularios para WordPress, que se integra a la perfección con WordPress y te permite crear formularios sin complicaciones. Como la mayoría de los creadores de formularios, puedes crear fácilmente formularios personalizados para tu sitio web sin necesidad de conocimientos técnicos.

Si ya utilizas la aplicación CRM de HubSpot, cada visitante que rellene tu formulario se añadirá automáticamente a tu base de datos. De este modo, podrás nutrirlos con campañas de correo electrónico y mensajes personalizados.

Este maquetador de formularios es un sencillo editor de arrastrar y soltar que permite crear formularios interactivos sin una sola línea de código, lo que lo convierte en uno de los mejores plugins de formularios de contacto.

Además, ten en cuenta que HubSpot también puede integrarse fácilmente con otras herramientas de formularios como WPForms, Formidable Forms, etc. Hubspot es un software muy popular. Lo más probable es que puedas conectarlo a casi cualquier herramienta para pequeñas empresas, como servicios de marketing por correo electrónico, software de automatización de marketing y otros sistemas.

Dicho esto, veamos cómo crear un formulario HubSpot en WordPress:

Método 1: Crear un formulario de HubSpot utilizando el plugin de HubSpot

Puedes crear fácilmente un formulario HubSpot para tu sitio web WordPress utilizando el plugin HubSpot.

En primer lugar, necesitas instalar y activar el plugin de HubSpot. Para más detalles, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin añadirá un nuevo elemento / artículo en la barra lateral del administrador de WordPress. Solo tienes que hacer clic en HubSpot para acceder al asistente de configuración, donde podrás crear una cuenta de HubSpot si aún no la tienes.

Si tiene una cuenta, debe enlazar el enlace “Acceder aquí” que aparece en la parte superior.

hubspot dashboard

Esto abrirá un mensaje / ventana emergente de acceso a HubSpot.

Sólo tiene que escribir su nombre de usuario y contraseña y hacer clic en el botón “Acceder / acceso”.

hubspot login

Después de haber accedido, HubSpot te preguntará si deseas continuar con la cuenta con la que acabas de conectarte.

Sólo tiene que hacer clic en el botón “Continuar con esta cuenta”.

continue with this account hubspot

A continuación, se te pedirá que conectes tu cuenta de HubSpot con tu sitio web de WordPress.

Basta con hacer clic en el botón “Conectar sitio web”.

connect website to hubspot

Una vez que hayas conectado el sitio web de WordPress con tu cuenta de HubSpot, dirígete a HubSpot ” Formularios desde el escritorio de administrador de WordPress.

Accederá a la página “Formularios”. Ahora, simplemente haga clic en el botón “Crear un formulario gratuito” en la esquina superior derecha.

create a free form hubspot

A continuación, debe seleccionar el tipo de formulario y hacer clic en el botón “Siguiente” de la parte superior.

Para este tutorial, vamos a crear un ‘Formulario Incrustado’.

Choose a form type

Después, accederás a la biblioteca de plantillas de HubSpot.

Sólo tiene que elegir la plantilla que prefiera, como “Registro” o “Contacto”. A continuación, haga clic en el botón “Inicio” de la parte superior.

Choose a form template

Ahora que se encuentra en el Editor de formularios, puede editar la plantilla de formulario prediseñada arrastrando y soltando los campos de la izquierda en la vista previa de la derecha.

Cuando haya terminado de personalizar, sólo tiene que hacer clic en el botón “Enviar” de la parte superior.

Create a form and click Submit button

Se abrirá un mensaje / ventana emergente de “Valoración y publicación”.

Sólo tiene que desplazarse hacia abajo y hacer clic en el botón “Publicar”.

Click Submit button

A continuación, aparecerá un mensaje / ventana emergente en su pantalla. Como se trata de un formulario Incrustado, se proporcionará un shortcode.

Ahora, basta con hacer clic en el botón “Copiar” situado al lado del shortcode.

Copy the shortcode

Puedes incrustar este código en cualquier página donde quieras añadir tu formulario de HubSpot. Para más información, comprueba nuestra guía sobre cómo añadir shortcodes en WordPress.

Método 2: Crear un formulario HubSpot usando WPForms

También puede crear un formulario HubSpot utilizando WPForms, que viene con una extensión de integración HubSpot. WPForms es el maquetador de formularios de WordPress de arrastrar y soltar más popular, con más de 6 millones de instalaciones activas.

Nota: Necesitarás al menos un plan Elite para acceder a la extensión HubSpot.

Lo primero que debe hacer es instalar y activar el plugin WPForms. Marque / comprobar nuestra guía detallada sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a WPForms ” Extensiones desde el Escritorio del administrador. Esto le llevará a la página ‘Extensiones WPForms’.

Sólo tienes que localizar la extensión de HubSpot y hacer clic en el botón “Actualizar ahora”.

Click Upgrade Now button below HubSpot addon

Esto lo llevará a la página de su ‘Cuenta WPForms’. Aquí, simplemente desplácese hacia abajo a la ‘HubSpot Addon’ y haga clic en el botón de descarga.

Después, puedes instalar y activar la extensión de HubSpot de la misma manera que instalaste y activaste el plugin.

Click Download HubSpot button

A continuación, vaya a WPForms ” Ajustes desde el escritorio de WordPress. A continuación, dirígete a la pestaña “Integraciones”.

Aquí encontrarás HubSpot en la lista de integraciones. Solo tienes que hacer clic en el icono de la flecha para expandir la sección y, a continuación, puedes añadir una nueva cuenta.

Choose HubSpot for integration

Se abrirá una indicación pidiéndote que te conectes con tu cuenta de HubSpot. Simplemente escribe las credenciales de acceso / login de tu cuenta de HubSpot.

Si aún no tiene una cuenta, puede crearla aquí.

log into your hubspot account

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

Sólo tiene que hacer clic en el botón “Continuar con esta cuenta”.

Click Continue With This Account

Después de eso, se le mostrará un mensaje / ventana emergente pidiéndole que conecte WPForms con HubSpot.

Haz clic en el botón “Conectar aplicación” situado en la parte inferior de la página.

connect wpforms and hubspot

En su escritorio de WordPress, vuelva a la pantalla “Integraciones”.

Ahora deberías ver “Conectado” junto a la sección de HubSpot.

HubSpot marked Connected

Ahora ve a WPForms ” Añadir Nuevo desde el Escritorio para crear tu formulario HubSpot.

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

Select a template for yourself from the WPForms template library

A continuación, accederá a la interfaz de WPForms, donde podrá editar la plantilla del formulario.

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

Un mensaje / ventana emergente de HubSpot aparecerá en la pantalla. Simplemente haz clic en el botón “Añadir nueva conexión” en la parte superior.

Click Add New Connection button

WPForms ahora le indicará que introduzca un alias para una conexión.

Puedes elegir el nombre que quieras, ya que nadie más que tú lo verá. Haz clic en el botón “Aceptar” cuando hayas terminado.

Choose a nickname of your liking

WPForms te pedirá que selecciones tu cuenta de HubSpot y elijas una acción a realizar. Simplemente elige tu cuenta en el campo “Seleccionar cuenta”.

A continuación, elija la opción “Crear/actualizar contacto” del campo “Acción a realizar”.

add action to perform in hubspot

Tras seleccionar esta opción, aparecerán varios ajustes nuevos dentro del formulario.

Rellena esos campos como corresponda. Como queremos enviar los contactos de su formulario de generación de clientes potenciales a HubSpot, seleccionaremos la opción “Crear/actualizar contacto”.

Todos estos campos, como los nombres, correos electrónicos y estado de los clientes potenciales, se actualizarán en la base de datos de HubSpot.

fill in form fields

A continuación, está listo para personalizar su formulario en el maquetador de formularios.

Basta con arrastrar y soltar los campos de la parte izquierda en la vista previa de la derecha.

Form in form builder

Puedes añadir cualquier información que quieras recopilar y organizar en tu cuenta de HubSpot.

Una vez satisfecho, haga clic en el botón “Incrustar” presente en la parte superior del maquetador de formularios.

embed hubspot form

Se abrirá la indicación “Incrustar en una página”.

Si quieres 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”.

Select existing page option

Después, sólo tiene que elegir la página adecuada en el menú desplegable que aparece.

Ahora haz clic en el botón “Vamos”.

Click Let's Go button

Se te dirigirá automáticamente a la página que hayas seleccionado en el menú desplegable. El formulario de HubSpot ya estará incrustado allí.

Basta con hacer clic en el botón “Publicar” situado en la parte superior del editor de contenido para poner en marcha el nuevo formulario.

Click Publish button after embedding the form

Ya está. Esperamos que hayas aprendido cómo crear un formulario de HubSpot en WordPress. También puedes marcar / comprobar nuestra guía práctica sobre cómo proteger con contraseña tus formularios de WordPress y nuestra comparación entre Contact Form 7 y WPForms para encontrar la mejor opción para tu sitio.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.