Crear formularios

en HubSpot

Video 1 Por qué deberías usar formularios

Hola, soy Juanita de HubSpot Academy.

En el ciclo basado en el cliente, la energía se centra en la satisfacción de los clientes.

Recuerda que el flywheel o ciclo basado en el cliente es el modelo adaptado por HubSpot para
explicar la dinámica que se genera al destinar todas las partes de una organización a lograr una
experiencia del cliente extraordinaria.

Al fortalecer las áreas que crean experiencias excepcionales para los clientes y eliminar
interferencias en las áreas que no lo hacen, impulsas el crecimiento de tu empresa.

Pero, ¿qué tienen que ver los formularios?

Los formularios se han utilizado durante mucho tiempo para recopilar datos sobre los visitantes
nuevos y recurrentes del sitio web.

Sin embargo, muchas cosas cambiaron desde el desarrollo de las herramientas inbound en
2006. Muchos afirman que los formularios ya no sirven.

Considera los avances en el mundo del SEO con el auge de la metodología de conjuntos de
temas. Probablemente te estarás preguntando si aún deberías ofrecer contenido protegido.

Además, es más fácil que nunca tener una conversación personalizada con un visitante de tu
sitio. Puedes usar bots, chat en directo y distintas apps de mensajería, entre otras tecnologías.

Entonces, ¿qué debería hacer un profesional del marketing?

No se trata simplemente de reunir datos sobre tus prospectos y clientes.

La información que recopilas con un formulario te debería ayudar a entablar relaciones

significativas y personalizadas con ellos.

Puedes calificar a tus leads, personalizar las interacciones que estos tienen con tu empresa y
determinar los tipos de contenido que más les interesan.

Al decidir si usar o no un formulario, es importante considerar el contexto del material o

contenido.

Por ejemplo, cuál es la audiencia ideal para el contenido y en qué etapa del recorrido del
comprador se encuentran actualmente.

1
 Crear formularios
en HubSpot

Un prospecto que realiza investigación educativa y que busca contenido como infografías o
informes de la industria se comportará de manera muy diferente a un lead altamente calificado
que está listo para una demostración.

Por eso, los tipos de contenido y las formas de presentar esas oportunidades de conversión
deberían ser diferentes.

Puede que un formulario emergente en tu página pilar te resulte interesante, mientras que la
forma en que presentas la oportunidad de conversión puede ser más adecuada para alguien
que está listo para programar una reunión con el equipo de ventas.

De igual forma, quienes esperas que interactúen con el contenido deberían ayudarte a
determinar qué tipo de información solicitar.

Para empezar a usar los formularios, debes determinar qué información necesitas para calificar a
los leads.

Los datos que recopilas deben reflejar la información que necesitas conocer a medida que las
personas avanzan por el recorrido del comprador.

Si no sabes por dónde empezar, considera reunirte regularmente con el equipo de ventas.

Entre más sintonizados estén los equipos, mejores leads obtendrás. Pregúntales qué tipos de
datos necesitan saber, quieren conocer o no necesitan.

También, evalúa si hay alguna manera más adecuada de obtener la información que necesita el
equipo de ventas.

Asegúrate de hacer un seguimiento de las cookies de todos los visitantes de tu sitio. Piensa si
hay otras maneras de aprovechar mejor funciones como el perfilamiento progresivo, los campos
dependientes y los campos ocultos.

Al mismo tiempo, es importante tener en cuenta que la información personal es la moneda del
mundo del marketing. Si el precio es demasiado alto, nadie lo pagará. Si es demasiado bajo, no
obtendrás la información que necesitas para calificar a un contacto.

Lo que buscas al usar un formulario es un intercambio justo con el visitante.

Un formulario extenso con demasiados campos no será adecuado para todas las ofertas de
contenido. Analiza en detalle el contenido protegido y pregúntate cuánta información es
razonable pedir por esa oferta.

No existe una fórmula mágica.

2
 Crear formularios
en HubSpot

Piensa detenidamente en el contenido y la manera de protegerlo estratégicamente con los

formularios del sitio web.

Cada industria es diferente y cada empresa tiene diferentes buyer personas con distintas
preferencias. La mejor opción es probar e iterar cada uno de los formularios a lo largo del
tiempo.

Eso quiere decir que los formularios deben perfeccionarse constantemente.

Experimenta y analiza si cambiar detalles como el diseño, los tipos de preguntas o la ubicación
en el sitio web, ayuda a mejorar la tasa de conversión. Después de todo, ese es el objetivo final
de los formularios.

Video 2 Cómo personalizar formularios en HubSpot

Tómate un momento y piensa en los formularios que actualmente tienes en tu sitio web. Piensa
en tu estrategia de generación de leads, tu tasa de conversión o la cantidad real de leads que
estás generando.

Ahora, piensa en lo que ven los prospectos y clientes cuando se encuentran con tus formularios.

Si bien los formularios tienen un propósito práctico, deben operar como algo más que un
conjunto de campos.

Cada formulario es una nueva oportunidad para explorar y dar a conocer la marca de tu
empresa a los visitantes del sitio web.

Con eso en mente, aquí tienes algunos consejos para que tus formularios reflejen tu marca.
Cuando se trata de los formularios no pienses en blanco y negro, agrega tu marca y algo de
color.

Piensa en cómo aprovechar al máximo los colores de tu marca.

Revisa si estás utilizando contraste para dirigir la atención a áreas clave como el botón de envío.
Mira si el formulario es coherente con el contenido de marca del sitio web, y si la apariencia es
coherente con el tono del resto del contenido.

Los formularios no son partes aisladas, todo lo contrario. Deben adaptarse al resto del
contenido de marca del sitio web.

Para empezar, usa la pestaña Estilo y vista preliminar de HubSpot para personalizar la apariencia
de tus formularios en línea.

3
 Crear formularios
en HubSpot

Piensa en los textos de ayuda y de parámetro de sustitución. Si bien pueden parecer partes
insignificantes del formulario, no debes omitirlas.

Los textos de ayuda y de parámetro de sustitución pueden influir en la decisión de un visitante

de completar o no un campo y cómo hacerlo.

Si algunos campos no son obligatorios, estos textos pueden hacer la diferencia entre más
información y una propiedad en blanco.

Además, el texto permite que la voz de tu marca brille sutilmente.

Si buscas respuestas más personales o complicadas, los textos de ayuda y de parámetro de

sustitución pueden ayudar a evitar confusiones. Recuerda: completar el formulario debe resultar
lo más fácil posible para los visitantes.

En HubSpot, puedes ayudar a evitar confusiones con algunas sugerencias en el campo que sea
necesario.

Usa el perfilamiento progresivo para crear formularios más inteligentes y eficaces.

Si un contacto ya completó un campo determinado, puedes especificar que aparezca otro

campo en su lugar. Así, aprenderás más sobre tus leads sin hacerles las mismas preguntas ni
pedirles demasiada información antes de entablar una relación de confianza.

Ahora, supongamos que un visitante completa alguno de tus formularios.

Como siguiente paso, podrías dirigirlo a una página de agradecimiento o podría recibir un
correo electrónico de seguimiento. Ambas son excelentes maneras de continuar la interacción
con tu marca.

Piensa cuidadosamente cómo quieres estructurar esta experiencia para el visitante. Tanto un
email como una página de agradecimiento pueden promover la confianza.

Si prometes contenido o seguimiento, asegúrate de que el visitante lo reciba de manera

oportuna. Si redireccionas al visitante a una página de agradecimiento, asegúrate de que
enmarcas apropiadamente el resto de tu sitio web para que tengan una experiencia exitosa.

Por último, si usas un formulario en más de una página, ten cuidado. Ver el mismo formulario en
todo el sitio web podría volverse repetitivo para los visitantes.

Eso es todo, empieza a personalizar los formularios de tu sitio para adaptarlos a la identidad de
tu marca y deleitar a tu audiencia.

4
 Crear formularios
en HubSpot

Video 3 Tipos de formularios de HubSpot

En HubSpot hay tres tipos de formularios:
• Formularios clásicos
• Formularios emergentes
• Formularios que no son de HubSpot.

Veamos cada uno en detalle.

Primero están los formularios clásicos de HubSpot. Estos son los que se vienen a la mente
cuando alguien menciona la palabra «formulario».

Por lo general, los formularios clásicos recopilan datos de un lead en páginas de destino u
obtienen suscriptores en las barras laterales de los blogs.

Son una versión digital de un formulario en papel, con campos y un botón de envío.

En segundo lugar, están los formularios emergentes de HubSpot. No te dejes engañar por el
nombre. Estos formularios no son un método outbound. Por el contrario, aparecen como un
elemento dinámico y presentan una oferta de contenido relevante.

Los formularios emergentes están contextualizados en función de la página en la que se

encuentra un visitante. Son un botón de CTA, una página de destino y una página de
agradecimiento, todo en uno.

Puedes usar estos formularios para crear conversiones y ofrecer contenido a un visitante sin que
tenga que salir de la página que está viendo, que probablemente sea tan relevante para él
como la oferta de contenido en sí.

A diferencia de los anuncios emergentes outbound, no interrumpen la experiencia de

navegación, sino que brindan una experiencia excepcional para el usuario y generan, a su vez,
una increíble cantidad de leads.

En resumen, un formulario emergente complementa la experiencia de un visitante al

proporcionar contenido, contexto o valor adicionales.

Por último, están los formularios que no son de HubSpot. Estos son formularios HTML que no se
crearon en HubSpot.

Instala el código de seguimiento de HubSpot en tu página externa para recopilar envíos de

formularios que no son de HubSpot.

Para que los envíos de formularios se recopilen en HubSpot, el formulario debe cumplir con
estos requisitos:

5
 Crear formularios
en HubSpot

• Ser un formulario HTML estático

• Estar dentro de etiquetas HTML
• No estar en un iframe
• Tener un campo de correo electrónico

Puedes activar o desactivar la recopilación de datos de formularios que no son de HubSpot en

la configuración de formularios de tu cuenta.

Eso es todo. Ahora conoces los diferentes tipos de formularios que puedes ver en tu cuenta de
HubSpot.

Video 4 Cómo crear un formulario clásico en HubSpot

Los formularios permiten recopilar información importante sobre tus visitantes y contactos. En
HubSpot, puedes crear formularios fácilmente para agregar a tus páginas de HubSpot o a un
sitio externo.

En tu cuenta de HubSpot, navega al menú desplegable Marketing, y selecciona Captación de

leads > Formularios. En la esquina superior derecha, haz clic en Crear formulario.

En el panel izquierdo, asegúrate de que esté resaltado Formulario clásico. En la esquina

superior derecha, haz clic en Siguiente.

En el panel izquierdo, selecciona Plantilla en blanco para empezar un formulario desde cero, o
selecciona una plantilla prediseñada para empezar con un formulario con campos para un uso
específico. La vista preliminar del formulario para la plantilla seleccionada aparecerá en el panel
derecho.

Arriba a la derecha, haz clic en Iniciar.

En la parte superior del editor de formularios, haz clic en el ícono del lápiz para editar el nombre
del formulario.

En el panel izquierdo, usa la barra de búsqueda para buscar un campo.

Arrastra y suelta los campos en la vista preliminar del formulario a la derecha para agregarlos.
Los campos se pueden poner arriba, abajo o al lado de otros campos.

Para crear un ticket con cada envío de formulario, activa la opción Crear tickets
automáticamente.

6
 Crear formularios
en HubSpot

Aparecerá una ventana emergente en la que se te pedirá que conectes el formulario a tu

bandeja de entrada de conversaciones para que tu equipo pueda responder la consulta del
cliente.

Aquí también puedes activar un captcha o crear un campo nuevo a partir de la lista de opciones.

Para editar las opciones de presentación de un campo, pon el cursor sobre el campo y haz clic
en el ícono del lápiz.

En el panel izquierdo, edita las opciones del campo según sea necesario. Las opciones que
aparecen pueden variar según el tipo de propiedad del campo.

Selecciona Convierte este campo en obligatorio para que el usuario tenga que llenar este
campo antes de poder enviar el formulario.

Selecciona Establece este campo como oculto para que el campo no aparezca en el formulario,
pero pase el valor designado a las propiedades del contacto.

En la sección Etiqueta, puedes editar el nombre del campo que aparecerá en el formulario
publicado.

Usa la sección de texto de ayuda para agregar texto informativo debajo de la etiqueta del
campo y así ayudar al visitante a completar el campo.

El texto del parámetro de sustitución es el texto que aparece en el cuadro de entrada.

El texto desaparecerá cuando el visitante escriba un valor en el campo y no se mostrará en el

envío, incluso si el campo se deja vacío.

Un valor predeterminado es un valor que viene de forma predeterminada en el formulario y que

se enviará de esta manera, a no ser de que el visitante lo cambie.

Ahora, haz clic en la pestaña Lógico.

En el menú desplegable de campos progresivos, puedes dejar o reemplazar un campo del

formulario si el registro de contacto ya tiene esa información. De esta forma, si ya se conoce el
valor de un campo determinado para un contacto específico, puedes decidir mostrar otro
campo en su lugar.

Con el tiempo, puedes aprender más sobre tus leads sin hacerles las mismas preguntas ni
pedirles demasiada información antes de establecer una relación de confianza.

Con los campos de formulario dependientes, puedes hacer más preguntas para calificar a los
contactos según sus respuestas anteriores.

7
 Crear formularios
en HubSpot

Por ejemplo, si tu empresa solo vende a clientes en determinadas ubicaciones geográficas,

puedes calificar a quienes responden el formulario según el país y el estado o región. Establece
tus condiciones y luego selecciona Agregar.

En la parte superior, selecciona la pestaña Seguimiento para crear un correo electrónico de

seguimiento que recibirá el visitante después de enviar el formulario. Este paso es opcional.

Haz clic en Crear correo de seguimiento.

En el panel derecho, personaliza los detalles del correo de seguimiento: el tipo de suscripción,
el remitente, la línea de asunto y el texto principal del correo electrónico.

Aquí también puedes editar el pie de página del correo, que incluye el nombre y la dirección de
la empresa que aparecen en la configuración de correo.

Cuando termines, haz clic en Guardar. Aparecerá una vista preliminar del correo electrónico.
Para agregar otro correo electrónico de seguimiento, selecciona Agregar otro correo.

Ten en cuenta que al crear un correo electrónico de seguimiento, se agregará automáticamente

un captcha al formulario.

En la parte superior, haz clic en la pestaña Opciones. Configura tu formulario según sea
necesario.

Puedes elegir mostrar un mensaje de agradecimiento a los visitantes o redireccionarlos a otra

página después de que envíen el formulario.

En Opciones de seguimiento, selecciona Envía notificaciones por correo de los envíos al

propietario del contacto y usa el menú desplegable para enviar notificaciones a más miembros
del equipo. Los destinatarios que se incluyan aquí se reemplazarán por los destinatarios
establecidos en las opciones de formulario en las páginas de HubSpot.

Selecciona el idioma predeterminado de las etiquetas de campo y de los errores que

aparecerán para los visitantes que no completen el formulario correctamente.

Activa la opción Siempre crea un contacto para una nueva dirección de correo para crear un
nuevo contacto cuando el formulario se envíe con una dirección de correo electrónico que no
coincida con ninguno de tus registros de contactos existentes. Cuando esta opción está
activada, la opción Rellena previamente los campos de contacto con valores conocidos no
estará disponible.

Ten en cuenta que si esta opción está desactivada, HubSpot reconocerá y actualizará los
contactos en función de las cookies que se envían a sus navegadores. Esto puede hacer que los

8
 Crear formularios
en HubSpot

contactos se sobrescriban si se envía el mismo formulario varias veces desde el mismo

dispositivo. Si esta opción está activada y el contacto envía el formulario con otra dirección de
correo electrónico en un navegador donde ya hay una cookie, no se contabilizarán las visitas
para este contacto. Por lo tanto, los campos de formulario no se rellenarán automáticamente
con información conocida.

Activa la opción Agrega un enlace para restablecer el formulario para que los visitantes puedan
eliminar los campos rellenados previamente y creen así un nuevo contacto al enviar el
formulario.

Cuando se selecciona esta opción, los visitantes que ven los campos ya completados con su
información o con la de otra persona pueden hacer clic en “¿No eres tú?. Haz clic aquí para
restablecer el enlace que reinicia el formulario”.

Esto también desactiva la cookie de seguimiento en el envío de formularios, lo que evita que se
sobrescriba la información de cualquier cookie.

Usa la opción Rellena previamente los campos de contacto con valores conocidos para que los
campos de contacto se rellenen automáticamente con información conocida cuando un
contacto vuelva al sitio.

En la parte superior, haz clic en Estilo y vista preliminar. La vista preliminar del formulario se
actualizará en el panel derecho a medida que ajustes los estilos y pruebes sus características.

Usa la sección Opciones de entrada para personalizar los estilos de campo y botón.

En la sección Estilo, puedes personalizar el ancho, las fuentes y los colores del formulario.

Y, finalmente, en la sección Prueba, puedes ver cómo un contacto específico verá los perfiles
progresivos o los campos dependientes que hayas establecido.

En la parte superior derecha, haz clic en Publicar para activar el formulario. Aparecerá una
ventana emergente con el código de incrustación para un sitio web externo o el enlace para
compartir el formulario con tus contactos.

Video 5 Cómo crear un formulario emergente en HubSpot

Con la herramienta de formularios emergentes, puedes crear fácilmente formularios atractivos
para captar nuevos leads.

Para crear un formulario emergente, en tu cuenta de HubSpot, haz clic en Marketing >
Captación de leads > Formularios. En la esquina superior derecha, haz clic en Crear formulario.

9
 Crear formularios
en HubSpot

En la barra lateral izquierda, selecciona Formulario emergente. En la esquina superior derecha,

haz clic en Siguiente.

Para editar el nombre del formulario, haz clic en el ícono del lápiz en la parte superior.

En la pestaña Tipo, selecciona el tipo de formulario emergente que quieres crear:

• Cuadro emergente aparece como un cuadro emergente en el medio de la página

• Banner desplegable aparece como un banner desplegable desde la parte superior de la
página
• Cuadro deslizante desde la izquierda y Cuadro deslizante desde la derecha aparecen
como un cuadro deslizante desde la parte inferior izquierda o derecha de tu página

En la pestaña Llamada, agrega y personaliza el texto de la llamada para atraer la atención de los
visitantes.

En la sección Texto de la llamada, personaliza el encabezado principal. En Cuerpo de la llamada

agrega texto adicional. En la sección Texto del botón de la llamada, personaliza el texto del
botón.

Finalmente, en la sección Color del tema, establece el color del formulario emergente.

Haz clic en una de las burbujas de colores predeterminadas, escribe un valor hexadecimal o
selecciona un color personalizado haciendo clic en la burbuja de color junto al valor
hexadecimal.

Cualquier personalización de la llamada aparecerá inmediatamente en la vista preliminar a la

derecha para que veas cómo será tu formulario emergente cuando esté publicado en tu página.

En la pestaña Formulario, puedes personalizar lo que verán los visitantes cuando hagan clic en
el botón del formulario emergente.

En la sección Cuerpo del formulario, agrega un mensaje para explicar el valor de tu oferta. El
campo predeterminado Correo se incluye automáticamente.

Para agregar campos adicionales al formulario, haz clic en + Agregar otro campo de formulario.
En el menú desplegable, selecciona cualquier otro campo que desees agregar al formulario
emergente.

Si quieres personalizar un campo de formulario, haz clic en el icono del lápiz para editar la
etiqueta del campo, agregar un marcador de posición o introducir un valor predeterminado.

En el campo Correo, también puedes especificar direcciones de correo electrónico y dominios

que desees bloquear en esta sección.

10
 Crear formularios
en HubSpot

El texto del botón del formulario que hayas agregado en la pestaña Llamada se trasladará a este
campo automáticamente. Si quieres hacer algún cambio en el texto del botón, puedes hacerlo
aquí.

Si tienes el RGPD activado en tu cuenta de HubSpot, puedes configurar la opción de Aviso y

consentimiento en este formulario emergente. Para personalizar el texto predeterminado, haz
clic en el ícono del lápiz.

Luego, configura el idioma del formulario para cambiar el idioma de las partes no editables del
formulario emergente, incluidas las etiquetas de los campos del formulario.

Establece la etapa del ciclo de vida que tendrán los contactos que envíen el formulario
emergente. Aparecerá Lead como valor predeterminado.

Por último, elige si este formulario emergente incluirá o no un Captcha.

En la pestaña Gracias puedes crear un mensaje de agradecimiento que verán los visitantes
después de enviar el formulario. Utiliza el editor de texto enriquecido para incluir texto con
formato simple o enlaces a recursos o descargas adicionales. También podrás agregar un botón
de redireccionamiento.

En la pestaña Seguimiento, haz clic en Crear correo de seguimiento para contactar al visitante
una vez que envíe el formulario.

En el panel derecho, personaliza los detalles del correo de seguimiento: el tipo de suscripción,
el remitente, la línea de asunto y el texto principal del correo electrónico.

También puedes editar el pie de página del correo, que incluye el nombre y la dirección de la
empresa que aparecen en la configuración de correo.

Cuando termines, haz clic en Guardar y aparecerá una vista preliminar del correo electrónico.

Si tienes Marketing Hub Starter, Pro o Enterprise puedes hacer clic en Agregar otro correo para
agregar hasta tres correos electrónicos de seguimiento.

A continuación, en la pestaña Targeting, personaliza quién verá el nuevo formulario emergente.

Agrega filtros y combina varias reglas para determinar qué visitantes podrán ver el formulario
emergente. Puedes dirigirlo a usuarios que visiten páginas específicas en tu sitio o en función
del comportamiento que tengan en el sitio.

También puedes dirigirlo a usuarios que se hayan desplazado hasta la mitad de la página o
cuando hayan pasado cierto tiempo en ella. Ten en cuenta que cuando se seleccionan varias
condiciones, el formulario aparecerá en función de la que se cumpla primero.

11
 Crear formularios
en HubSpot

En la pestaña Opciones, puedes personalizar el formulario aún más:

• La función de programación, como indica su nombre, programará el formulario

emergente para que solo esté activo a partir de una fecha específica.
• La opción Tamaños de pantalla pequeños desactivará el formulario emergente en
dispositivos móviles.
• Haz clic en el menú desplegable Mostrar formulario emergente descartado nuevamente
después de: para establecer cuánto tiempo debería pasar desde que un visitante
descarta el formulario emergente hasta que pueda verlo de nuevo.

A continuación, determina qué miembros del equipo deberían recibir notificaciones por correo
electrónico después de que un lead complete el formulario.

Para mover nuevos contactos a un proveedor de correo electrónico fuera de HubSpot, haz clic
en Administrar en Configuración.

En la pestaña Vista preliminar, obtendrás una vista preliminar interactiva de tu formulario

emergente.

Para ver cómo aparecerá el formulario emergente en distintos dispositivos, haz clic en los
botones Equipo de escritorio, Tableta o Móvil en la esquina superior izquierda.

Para ver cada paso del formulario emergente, haz clic en los íconos de flecha izquierda o
derecha, ubicados en la esquina superior derecha.

Arriba a la derecha, haz clic en Publicar para activar el formulario emergente en tu sitio web.
Aparecerá una ventana emergente para confirmar que deseas publicar el formulario. Haz clic en
Ponlo en línea. Esto te redireccionará al panel de formularios.

12