Cómo crear un formulario para tu página de destino

Última actualización: janvier 24, 2018

Requisitos

Los formularios de HubSpot te ayudan a conseguir nuevos contactos para tu empresa y obtener información adicional de los contactos existentes.

Instrucciones

1. Ir a la herramienta Formularios

Dirígete a Contactos > Formularios.

2. Crear un nuevo formulario

Haz clic en el botón Nuevo Formulario.

Si tienes una cuenta Pro o Enterprise de HubSpot, puedes reutilizar y editar los formularios en diversas páginas de destino con el fin de usar la característica de perfil progresivo para ocultar los campos que los visitantes ya hayan contestado, y reemplazarlos con preguntas nuevas. Para obtener más información sobre el perfil progresivo, haz clic aquí.

3. Introducir la información del formulario

Introduce un nombre para el formulario y modifica el texto del botón Enviar en la pestaña Información.

El nombre del formulario solo se utiliza en tu cuenta de HubSpot y los visitantes no pueden verlo, así que elige un nombre que sea lo suficientemente descriptivo como para que tus colegas puedan encontrarlo al enlazarlo con una página de destino.

El texto del botón Enviar debe incluir un verbo de acción, de manera que los visitantes entiendan con claridad los beneficios de completar el formulario.

4. Elegir los campos para el formulario

Haz clic en la pestaña Campos, arrastra los campos que deseas que aparezcan en el formulario y suéltalos en la sección de campos predeterminados de la página.

Insert-field
Si aún no creaste una propiedad de contacto para una parte de la información que deseas obtener mediante el formulario, haz clic en el botón Crear Nueva junto a la casilla Campos de Búsqueda.

5. Editar cualquiera de los campos del formulario

Al editar un campo de formulario, cuentas con varias opciones de personalización.

Convertir Campo en Obligatorio: cuando seleccionas esta opción, los visitantes no podrán enviar el formulario a menos que rellenen este campo.

Activa el botón para que este campo sea obligatorio.

Ocultar Campo: al seleccionar esta opción, los visitantes no podrán ver este campo. Puedes usar esta opción para otros propósitos internos, como configurar un valor predeterminado para categorizar envíos desde este formulario. También puedes usarla para configurar un valor de propiedad para un campo que establezca el buyer persona o la etapa del ciclo de vida de un contacto.

Para acceder a esta opción, haz clic en el símbolo de edición que se encuentra sobre un campo.

Convertir Campo en Inteligente: al seleccionar esta opción, los visitantes no podrán ver el campo si ya contestaron la pregunta o si la propiedad ya tiene un valor en el registro del contacto. El campo Correo Electrónico siempre permanecerá visible en el formulario, pero se completará previamente con los datos de envíos anteriores.

Activa el botón para hacer que este campo sea inteligente.

Etiqueta: la etiqueta principal para el campo del formulario.

Marcador de Posición: el texto que aparece en la casilla del campo del formulario antes de que se escriba en ella.

Texto de Ayuda: cualquier texto que se escriba aquí aparecerá debajo de la etiqueta del campo para ayudar al usuario a llenarlo.

Valor Predeterminado: en el campo se mostrará el valor predeterminado que se especifique. Se enviará este valor a menos que el usuario lo cambie.

Para acceder a estas opciones, haz clic en el símbolo de edición que se encuentra arriba del campo.

6. Configurar las opciones del formulario

  • Agregar Separador: puedes arrastrar un separador y agregarlo para crear encabezados o personalizar separadores de HTML en tus formularios.
  • Prellenar los Campos con Valores Conocidos: puedes llenar previamente los campos con los valores que ya tengas del visitante. Es decir, si un visitante ya te otorgó su nombre, apellido y dirección de correo electrónico, y tu formulario solicita esa información, estos campos se llenarán previamente de manera automática. También puedes crear campos comunes, como los campos inteligentes, para no preguntar a un visitante información con la que ya cuentas.
  • ¿Deseas desactivar la cookie de seguimiento?: puedes desactivar la cookie de seguimiento si deseas que cada envío de formulario cree un nuevo contacto. Desactiva la cookie de seguimiento si deseas ingresar contactos de manera manual y evitar la eliminación de duplicados. Ten en cuenta que si desactivas la cookie de seguimiento, no podrás convertir los campos en inteligentes, y tampoco se encontrará disponible la información de análisis web, como el historial de visualizaciones de página y los datos de fuentes.
  • Notificar al Enviar: escribe la dirección de correo electrónico de las personas que deseas que reciban la notificación cuando se complete este formulario. Puedes introducir varias direcciones de correo electrónico y utilizar comas para separarlas.
HubSpot Help article screenshot

7. Guardar el formulario

Haz clic en el botón Guardar Formulario para guardar los cambios que hiciste en el formulario. Si estás editando un formulario existente que ya aparece en páginas activas, al guardarlo aquí se actualizará de manera automática el formulario en esas páginas.

8. Obtener una vista previa del formulario

Puedes hacer clic en el botón de alternancia Vista Previa para ver como luciría el formulario con un estilo predeterminado en una página de destino.

 

9. Cómo enlazar el formulario con una página de destino

Al editar una página de destino, puedes enlazar un formulario a esta utilizando el menú desplegable Formulario para seleccionar el formulario que creaste. Ten en cuenta que la página de destino debe contener un módulo de formulario para poder agregar el formulario.

¿Qué sucede cuando un visitante hace clic en el botón Enviar?

Cuando un visitante llena el formulario y hace clic en Enviar, tienes que darle acceso inmediato al contenido de la oferta. Las dos maneras más fáciles de hacerlo es redireccionándolo a una página de agradecimiento o reemplazando el formulario de la página de destino con un mensaje de agradecimiento.

Asegúrate de seleccionar Redireccionar a Otra Página o Mostrar un Mensaje de Agradecimiento en Línea, y luego elige la página a la que redireccionarás al visitante o el mensaje de agradecimiento que este recibirá.

HubSpot Help article screenshot

¿Cómo puedo cambiar el estilo del formulario y el botón de envío de formulario?

Si quieres cambiar el aspecto del formulario luego de agregarlo a la página de destino, consulta los siguientes artículos que te ayudarán:

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: