Cómo crear formularios multipaso de Hubspot (sin código)
Tabla de contenidos
Resumen rápido
Esta guía te guía a través de la creación de un formulario multipaso HubSpot de alta conversión utilizando Growform sin necesidad de codificación. Aprende por qué los formularios multipaso aumentan la captación, cómo configurar uno con Zapier y explora las mejores prácticas. Utiliza nuestras plantillas prediseñadas para empezar rápidamente, y para más consejos sobre lead-gen y estrategias avanzadas de formularios, visita el blog de Growform.
Cómo crear formularios de varios pasos que funcionen a la perfección con HubSpot
Hubspot es una plataforma de marketing versátil que ofrece diversas herramientas, incluidos formularios, para ayudar a las empresas a crecer mediante la automatización.
Incluye su propio creador de formularios que permite recopilar datos de forma sencilla y enviar los clientes potenciales directamente al CRM:
Pero una pregunta que nos hacen a menudo es: “¿Hubspot tiene formularios multipaso?”.
A partir de mayo de 2023, Hubspot no admite formularios de varios pasos. Las únicas formas ahora mismo de conseguir un formulario multipaso en Hubspot son:
a.) Crear un formulario que envíe a los usuarios a otra página de Hubspot (con otro formulario en ella), y repetir para cada paso (no recomendado)
b.) Utilizar la funcionalidad “campos dependientes” de Hubspot para mostrar un campo diferente en respuesta a cada pregunta. El usuario estará en la misma página, pero en cierto modo dará la impresión de un formulario de varios pasos (no recomendado)
c.) Utilizar un creador de formularios como Growform para crear un formulario de varios pasos y enviar los leads a Hubspot (recomendado):
Es un poco desconcertante que Hubspot decidiera no admitir formularios multipaso en su creador de formularios, dado que está demostrado que aumentan significativamente las tasas de conversión y que Hubspot incluso aboga por ellos.
En cualquier caso, esta guía te mostrará exactamente cómo crear increíbles formularios multipaso de Hubspot lo suficientemente ingeniosos como para dar envidia a cualquier vendedor.
¿Por qué escucharnos?
En Growform, nos especializamos en ayudar a las empresas a captar más clientes potenciales con formularios de diseño atractivo y alta conversión. Nuestra plataforma está diseñada para profesionales del marketing que necesitan más flexibilidad de la que permiten las herramientas de formularios tradicionales, especialmente cuando trabajan con CRM como HubSpot.
Con integraciones sin fisuras, plantillas personalizables y potentes funciones como la lógica condicional y los diseños de varios pasos, Growform facilita la creación de formularios que no sólo tienen un aspecto estupendo, sino que también se sincronizan perfectamente con tus flujos de trabajo de marketing.
¿Qué son los formularios multipaso de HubSpot?
Los formularios de varios pasos dividen los formularios largos en secciones manejables, lo que mejora la experiencia del usuario y aumenta las tasas de conversión. Aunque el creador de formularios nativo de HubSpot no es compatible con esta función, las herramientas de terceros pueden llenar este vacío integrándose perfectamente con HubSpot.
¿Por qué utilizar un formulario de varios pasos?
Los formularios de varios pasos ofrecen varias ventajas con respecto a los formularios tradicionales de un solo paso o de una sola página. Estos beneficios incluyen:
- Mejora la experiencia del usuario: Dividir un formulario largo en secciones más pequeñas puede hacer que el proceso de cumplimentación sea menos intimidatorio para los usuarios. Este enfoque del diseño de formularios ayuda a reducir abandono de formularios y aumenta la probabilidad de que los usuarios completen el formulario.
- Mayores tasas de conversión: Al hacer más manejable el proceso de cumplimentación de formularios, los formularios de varios pasos consiguen tasas de conversión mucho mayores que los formularios de un solo paso. Es más probable que los usuarios inicien y completen un formulario si sienten que no es demasiado abrumador, ¡lo que se traduce en más conversiones para ti!
- Mejor recogida de datos: Los formularios de varios pasos te permiten recoger información más detallada de los usuarios sin abrumarlos. Al dividir el formulario en secciones, permite a los usuarios proporcionar datos más precisos y completos, lo que conduce a una mejor cualificación y segmentación de los clientes potenciales.
- Reducción del abandono de formularios: Con una experiencia de cumplimentación de formularios más fácil de usar, es menos probable que los visitantes abandonen la respuesta a preguntas a mitad de camino. De este modo, los formularios se envían con más éxito y se capta un mayor número de clientes potenciales.
¿Por qué utilizar un creador de formularios en lugar de trucos y soluciones?
Ha sido genial ver a la comunidad de Hubspot unirse: hay algunos hacks y workarounds que hacen posible crear una aproximación a un formulario multipaso en Hubspot.
Pero el problema es que las soluciones provisionales tienen la desagradable costumbre de volverse incompatibles de repente, no reciben asistencia técnica oficial y pueden ofrecer una experiencia desagradable a los usuarios.
¿Cuál es la solución? Growform se creó específicamente para crear formularios de varios pasos, se puede incrustar en su sitio web y enviará clientes potenciales a su CRM a través de la integración con Hubspot.
Mediante el uso de una herramienta de terceros como esta, seguirás viendo los clientes potenciales aparecer en Hubspot, pero también disfrutarás de todos los beneficios de un constructor de formularios especialmente diseñado, incluyendo:
- Lógica condicional: Utilice la lógica condicional o de “salto” para mostrar u ocultar campos o pasos enteros en función de las respuestas de los usuarios. Esto ayudará a que sus formularios sean mucho más interactivos y personalizados, permitiéndole crear experiencias impresionantes y de alta conversión.
- Más opciones de estilo: Los formularios de Hubspot no proporcionan una tonelada de opciones de personalización (esquemas de color, fuentes personalizadas o colores de fondo), mientras que los constructores de formularios de terceros sí lo hacen. Con un formulario visualmente más atractivo que se parezca a su marca, es más probable que los usuarios tengan una impresión positiva de su marca y empiecen a rellenar el formulario.
- Barras de progreso: Incluir una barra de progreso en su formulario de varios pasos ayudará a dar a sus usuarios una sensación de logro y mantenerlos comprometidos.
- Plantillas de mejores prácticas: El constructor de formularios de Hubspot te permite construir formularios sencillos desde cero, pero no ofrece mucho en cuanto a plantillas. Los creadores de formularios como Growform ofrecen más de 20 plantillas para diversos sectores que te ayudan a seguir las mejores prácticas en varios pasos desde el principio.
- Mayor facilidad de uso: El proceso de creación de un formulario de varios pasos con las herramientas adecuadas será mucho más sencillo que piratear diferentes formularios y utilizar soluciones provisionales. También es probable que sea más fiable y fácil de mantener.
Alternativas a HubSpot para formularios multipaso
Aunque HubSpot es una plataforma de marketing líder, algunas empresas pueden buscar herramientas alternativas diseñadas específicamente para crear formularios de varios pasos con funciones avanzadas. Aquí tienes algunas opciones populares a tener en cuenta:
- Growform: Un constructor de formularios multipaso dedicado que se integra sin problemas con HubSpot a través de Zapier. Ofrece lógica condicional, temas personalizables y plantillas adaptadas a varios sectores. Es perfecto si quieres seguir utilizando HubSpot CRM pero necesitas funciones de formulario más potentes.
- Typeform: Conocido por sus formularios conversacionales y fáciles de usar con flujo de varios pasos y saltos lógicos. Typeform se integra con HubSpot, pero a menudo requiere conectores de terceros como Zapier.
- Jotform: Proporciona formularios multipaso de arrastrar y soltar con muchas integraciones, incluida HubSpot. Ofrece una variedad de plantillas preconstruidas y opciones de personalización.
- Formstack: Un creador de formularios estándar que admite formularios de varios pasos, lógica condicional y flujos de trabajo avanzados. Se integra con HubSpot y otras herramientas CRM.
Guía paso a paso para crear un formulario multipaso de Hubspot con Growform
En esta sección, proporcionaremos una guía paso a paso sobre cómo crear un formulario multipaso de Hubspot utilizando Growform.
Al final del tutorial, tendrás un bonito formulario con lógica condicional, barra de progreso y opciones de estilo avanzadas, ¡y los leads aterrizarán directamente en Hubspot!
Para este tutorial, asumiremos que ya tienes una cuenta de Hubspot.
Paso 1: Regístrate y crea un nuevo formulario
Para empezar, deberá registrarse para obtener una cuenta Growform.
Una vez que haya creado una cuenta e iniciado sesión, se le dirigirá al panel de control de Growform. Ahora, pulsa “Crear nuevo formulario” y elige la plantilla que más te convenga.
Optaremos por “Ninguno: empezar de cero”:
Paso 2: Edite sus campos
Con unos pocos clics, podemos eliminar los campos que no necesitemos y añadir los nuevos que tengan sentido:
He aquí cómo:
- Seleccione un campo haciendo clic en él
- Borrar un campo pulsando el icono “suprimir” / “papelera”.
- Añada un campo seleccionando uno de la parte izquierda
- Edite un campo haciendo clic en él y modificando la configuración de la izquierda
Al final de este paso, tendremos algo como esto:
Paso 3: Editar la configuración del tema
Si el esquema de color azul no le gusta, podemos editar fácilmente las opciones del tema para arreglar un poco las cosas:
Así es como lo hicimos:
- Haga clic en “Tema” en la esquina superior derecha
- Ajusta el tipo de letra, el color primario y el color del cuerpo del texto a tu elección.
Después de añadir una imagen en la parte superior del formulario y ajustar un poco los márgenes de cada campo, podemos conseguir un formulario de gran aspecto como este:
Sean cuales sean las directrices de su marca, debería poder idear un formulario que tenga un aspecto estupendo y encaje en cualquier sitio.
Si desea añadir y editar pasos, puede hacerlo fácilmente utilizando el menú desplegable de navegación por pasos situado en la esquina superior izquierda.
No olvides pulsar “Guardar” cuando hayas terminado de construir.
Paso 4: Insertar nuestro formulario en su sitio web
Ahora que hemos creado un formulario básico, necesitamos obtener el código de inserción que nos permitirá colocarlo en nuestra página de destino o sitio web.
En primer lugar, vamos a coger el código de incrustación que nos da Growform. Todavía en el constructor, navegue hasta“Compartir formulario” y abra la primera opción.
Haga clic dentro del cuadro y copie el código de inserción en el portapapeles:
Genial, hemos copiado el código de inserción. Ahora tendrá que pegarlo en su página de destino o en el área de HTML personalizado de su constructor de sitios web.
A menudo, el constructor de la página de destino proporcionará un widget o herramienta que permite “HTML personalizado” – sólo tienes que pegar el código allí y guardar los cambios.
A continuación encontrará guías más específicas para cada uno de los principales creadores de páginas de destino:
¡Genial! Pegamos el código en nuestro sitio de WordPress y ya tenemos un formulario de varios pasos.
Si no desea incrustar el formulario en su sitio web, o si prefiere simplemente compartir un enlace al formulario, esto es perfectamente posible – también hay un enlace compartible en la página “Compartir formulario”.
Paso 5: dispara un cable de prueba
Rellenemos nuestro formulario para asegurarnos de que todo funciona correctamente:
Este es un paso importante – no sólo nos permite ver el formulario en acción, sino que también permitirá a Zapier “ver” un ejemplo de lead cuando configuremos la integración con Hubspot en el paso 5.
Paso 6: Envía tus clientes potenciales a Hubspot
En este punto, nuestro formulario está incrustado en nuestro sitio web y está recogiendo leads – ¡pero los leads se quedan en Growform!
Vamos a enviar nuestros leads a Hubspot usando Zapier.
Zapier es el “pegamento” que mantiene unido Growform y miles de integraciones. Si aún no tienes una cuenta, se te pedirá que crees una. Viene con una prueba gratuita de 14 días, y permite 100 clientes potenciales al mes sin necesidad de un plan de pago.
Una vez que te hayas registrado o hayas iniciado sesión en Zapier, abre tu panel para conectar la app Growform con Hubspot.
Lo configuraremos para que en“Nuevo envío de formulario“, se“Cree contacto” en Hubspot:
¡Estupendo! Una vez seleccionadas las opciones adecuadas, pulsa “Probar” para acceder al Zap Builder.
En la siguiente pantalla, pulsa la primera casilla de la página y, a continuación, “Iniciar sesión”. Sigue el enlace a tu cuenta Growform, copia tu clave API, pégala en la casilla y guarda los cambios:
Una vez que hayas añadido tu clave API, deberías ver una marca verde junto a “cuenta” y la información de tu cuenta Growform en Zapier:
Pulse “Continuar” para pasar al paso “Activar”.
En este punto, simplemente seleccione su formulario y pulse “Probar activación”.
Zapier encontrará el formulario de prueba que ha enviado anteriormente. Pulse “Continuar” para pasar al siguiente paso.
(Si no ha creado un envío de prueba en Growform, hágalo ahora antes de volver a pulsar “Probar activación”).
En este punto, Zapier está conectado a Growform – sólo necesitamos mapear los campos a Hubspot.
Conectar Zapier a Hubspot es un proceso sencillo: en “Acción”, solo tienes que pulsar “Iniciar sesión” y elegir la cuenta correspondiente antes de pulsar “Conectar aplicación”:
Ahora que estamos conectados a Hubspot, sólo tenemos que navegar a los detalles de “Acción” y configurar cada campo de Hubspot al que deseamos enviar datos:
Por ejemplo, para rellenar la dirección de correo electrónico de un usuario, busque “Información de contacto: Correo electrónico”, introduzca el campo y asigne el campo Growform correspondiente:
Consejo: Utiliza “ctrl+f” (o el equivalente en tu teclado) para encontrar el campo que estás buscando – ¡hay un montón de campos de Hubspot para ordenar! Los campos personalizados también aparecerán aquí.
Repita esta operación para cada campo que desee rellenar y, a continuación, pruebe su Zap:
Si el lead de Hubspot se ha creado correctamente, deberías ver una respuesta como esta:
Cuando estés satisfecho con tu integración, no olvides pulsar “Publicar” para asegurarte de que está activa.
Entonces verás tu contacto creado dentro de tu cuenta de Hubspot en Contactos:
Ya está, has creado con éxito un formulario multipaso de Hubspot con Growform.
Ahora, cada vez que un nuevo prospecto rellene tu formulario, se creará un nuevo contacto en Hubspot.
Plantillas de formularios multipaso Growform para darte un punto de partida perfecto
Explora estas plantillas Growform adaptadas a diferentes sectores y casos de uso, diseñadas para aumentar las conversiones y simplificar la captación de clientes potenciales:
- B2B / SaaS: Capta clientes potenciales cualificados con preguntas personalizadas para comprender mejor a tus clientes potenciales.
- Finanzas: Asegura clientes potenciales financieros sensibles mediante formularios paso a paso que generen confianza.
- Sanidad: Recopila información sobre la entrada o la cita del paciente de forma fácil y conforme a las normas.
- Eventos: Agiliza las inscripciones con flujos de varios pasos para mejorar la experiencia del usuario.
- Mejoras en el hogar: Reúne los detalles del proyecto para obtener presupuestos precisos con la mínima fricción.
- Educación: Atrae a los futuros estudiantes con formularios de solicitud interactivos.
Descubre éstas y muchas más plantillas en nuestra página de plantillas para encontrar el formulario perfecto para tus necesidades.
Preguntas frecuentes y consejos avanzados
¿Cómo envío los datos del formulario a los campos personalizados de Hubspot?
Enviar los datos del formulario desde Growform a los campos personalizados de Hubspot a través de Zapier es el mismo proceso que rellenar la dirección de correo electrónico como hicimos en el último paso de la guía.
En primer lugar, tendrás que crear un campo personalizado en Hubspot. Para ello, vaya a su panel de control de Hubspot, vaya a “Configuración” (icono de engranaje) > “Propiedades” > “Crear propiedad”. Rellene los datos necesarios, incluido el nombre del campo, el tipo de campo (texto, número, fecha, etc.) y el grupo en el que desea que se encuentre el campo (normalmente “Información de contacto”).
Por ejemplo, crearemos una propiedad llamada “customer_landing_page_builder” para tomar nota del constructor de páginas de destino que el cliente está utilizando:
Una vez que haya añadido el campo, vuelva a Zapier y pulse “Actualizar campos” en la acción para ver el nuevo campo y asignarlo de la misma forma que antes:
¿Puedo añadir contactos automáticamente a una lista en lugar de crearlos?
¡Sí! Aunque esto se puede hacer con Zapier, la forma más sencilla es simplemente editar los criterios de tu lista para que todos los contactos que entren a través de este formulario se añadan a la lista de Hubspot.
Por ejemplo, puede crear un campo personalizado denominado “origen_cliente” y establecerlo siempre como “sitio web” utilizando las reglas de asignación anteriores. A continuación, ajuste los criterios de la lista de modo que todos los clientes cuyo “origen_cliente” sea “sitio web” se añadan automáticamente a esta lista.
¿Puedo ejecutar una automatización de correo electrónico cuando se reciben contactos en Hubspot?
Sí, por supuesto. Para conseguirlo, deberías crear un nuevo flujo de trabajo en Hubspot, y establecer los criterios de forma similar a la pregunta anterior. A continuación, añada una acción (en este caso, un correo electrónico) a su flujo de trabajo y publíquelo.
¿Es esta una forma fiable de recibir leads en Hubspot?
Sí, esta es una forma popular y sólida como una roca de recibir leads en Hubspot. Growform es un popular creador de formularios en línea utilizado por cientos de empresas, y Zapier es la herramienta de integración de mejores prácticas para conectar las herramientas entre sí. Una vez que todo está configurado, es sencillo editar el formulario y actualizar la integración.
Conclusión y próximos pasos
Con esta guía, habrás aprendido a crear un bonito formulario de varios pasos que envía clientes potenciales directamente a Hubspot:
Hemos cubierto los aspectos básicos, desde la creación del formulario hasta su conexión con Hubspot a través de Zapier.
A continuación, ¿por qué no añades más pasos al formulario, añades lógica condicional o ajustas más la configuración del tema para hacerlo realmente tuyo?
Si aún no lo ha hecho, puede iniciar su prueba gratuita de 14 días aquí.