Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Forms

Crea formularios

Última actualización: septiembre 21, 2021

Requisitos

Todos los productos y planes

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

Para ver un resumen de este proceso, echa un vistazo al video a continuación:

Crear un formulario

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios.
  • En la parte superior derecha, haz clic en Crear formulario.
  • Selecciona el tipo de formulario.
  • En la parte superior derecha, haz clic en Siguiente.
  • En el panel izquierdo, selecciona Plantilla en blanco para comenzar con un formulario en blanco o una plantilla prediseñada para comenzar con un formulario con campos para un caso de uso específico. La vista previa del formulario para la plantilla seleccionada aparece en el panel derecho.
  • En la parte superior derecha, haz clic en Comenzar.
  • En la parte superior del editor de formularios, haz clic en el edit ícono de lápiz para editar el nombre del formulario.

Agrega y edita los campos del formulario

  • En el panel izquierdo, usa la barra de búsqueda para buscar un campo existente o explorar tus grupos de propiedad.
  • Para crear una nueva propiedad y usarla como un campo en tu formulario, navega a la pestaña Crear nueva.
    • Selecciona el Tipo de campo de formulario. Si está creando un campo en el que el visitante puede seleccionar varias opciones, los tipos de Casillas de comprobación y Radio mostrarán todas las opciones disponibles, mientras que Menú desplegable contendrá todas las opciones dentro de un menú desplegable.
    • En el panel derecho, selecciona el Tipo de objeto, Grupo y agrega los detalles de la propiedad. Puedes agregar campos de Contacto, Empresa y Objeto personalizado.
    • Haz clic en Siguiente.
    • Revisa las opciones de tu propiedad y haz clic en Crear.
  • Haz clic en campos y arrástralos hasta la vista preliminar del formulario a la derecha para incluirlos. Los campos se pueden colocar encima, abajo o junto a otros campos.

Arrastrar campos de formulario-1

Nota: de forma predeterminada, se requiere el campo Correo electrónico para que la función de envío de formularios cree contactos. HubSpot comprobará si una dirección de correo electrónico es válida antes de permitir que un usuario envíe el formulario. Más información sobre cómo permitir que la función de envíos de formularios cree contactos sin direcciones de correo electrónico.

  • En la vista previa del formulario a la derecha, haz clic en el campo para editar las opciones de presentación.
  • 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:
    • Etiqueta: el nombre del campo que aparecerá en el formulario.
    • Texto de ayuda: texto informativo debajo de la etiqueta del campo para ayudar al visitante a completar el campo.
    • Texto provisional: texto que aparece en el campo para llenar. El texto desaparecerá una vez que el usuario escriba algo en el campo y no se mostrará en el envío, aunque el campo se deje vacío.
    • Valor predeterminado: un valor que se envía de forma predeterminada, salvo que el usuario lo cambie.
    • Opciones progresivas para el campo : selecciona la acción siguiente si el campo se envió anteriormente. Más información sobre los campos progresivos en los formularios.
    • Hacer este campo obligatorio: cuando se selecciona la casilla de comprobación, el campo debe ser completado antes de poder enviar el formulario.
    • Ocultar este campo: cuando se seleccione la casilla de comprobación, el campo no aparecerá en el formulario, pero se puede usar para pasar valores a propiedades de contacto en todos los envíos.

Además puedes agregar áreas de texto enriquecido entre los campos del formulario para agregar texto personalizable, crear encabezados o agregar espacios al formulario.

Crear un correo electrónico de seguimiento (opcional)

  • En la parte superior, haz clic en la pestaña Seguimiento para crear un correo electrónico de seguimiento que recibirá un visitante después de enviar el formulario. Este paso es opcional.
  • Haz clic en Crear correo electrónico de seguimiento.
  • En el panel derecho, personaliza los detalles de tu correo electrónico de seguimiento:
    • Tipo de suscripción: haz clic y selecciona el tipo de suscripción de tu correo electrónico de seguimiento.
    • Desde usuario: haz clic y selecciona el remitente de tu correo electrónico de seguimiento.
    • Nombre del remitente: agrega un nombre personalizado del remitente para tu correo de seguimiento.
    • Línea de asunto: agrega un asunto para el correo electrónico de seguimiento.
    • Cuerpo: agrega texto al cuerpo del correo electrónico para continuar interactuando con tu contacto.
    • Editar pie de página del correo electrónico: haz clic para personalizar el nombre y la dirección de tu empresa en la configuración en tu correo electrónico.

Nota: crear un correo electrónico de seguimiento agregará automáticamente un CAPTCHA al formulario.

Personaliza las opciones del formulario

  • En la parte superior, haz clic en la pestaña Opciones.
  • Personaliza la configuración de tu formulario según sea necesario:
    • Qué debería suceder luego de que un visitante envía este formulario: elige mostrar un mensaje de agradecimiento a los visitantes o redirecciónalos a otra página después de que envíen el formulario.

      Nota: esto solo configura esta acción para los formularios incorporados en páginas que no son de HubSpot o que se comparten como páginas independientes; no configura ni cambia la acción para los formularios agregados a las páginas de HubSpot.

    • Opciones de seguimiento: selecciona la casilla de comprobación Enviar notificaciones de envío por correo electrónico al propietario del contacto para enviar automáticamente una notificación al propietario del contacto.

    • Enviar notificaciones de envío por correo electrónico a: haz clic en el menú desplegable para seleccionar los equipos o personas a los que quieres enviar las notificaciones de envío de correos, independientemente de la propiedad del contacto. Cualquier destinatario establecido aquí será reemplazado por los destinatarios establecidos en las opciones del formulario en las páginas de HubSpot.

    • Idioma del formulario y del mensaje de error: selecciona el idioma predeterminado de las etiquetas de campo y los errores que aparecen para los visitantes que no llenan completamente el formulario.

    • Siempre crear contactos para nuevas direcciones de correo electrónico: selecciona esta opción para crear un nuevo registro de contacto para cada envío con una dirección de correo única. Si la dirección de correo electrónico enviada coincide con un registro de contacto existente en tu base de datos, se actualizarán los detalles del registro existente.

      Nota:
      • Si esta opción está desactivada, HubSpot reconocerá y actualizará tus contactos según las cookies que se eliminan en sus navegadores. Esto puede ocasionar que los contactos se sobrescriban si se envía el mismo formulario varias veces desde el mismo dispositivo.
      • Si esta opción está activada, cuando un 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. También se desactivará automáticamente la opción Rellena previamente los campos de contacto con valores conocidos.
    • Agrega un enlace para restablecer el formulario: selecciona esta opción para que los visitantes puedan eliminar los campos rellenados previamente en el formulario y para que se cree un nuevo contacto al enviar el formulario. Cuando esté activado, los visitantes podrán hacer clic en ¿No eres tú? Haz clic aquí para restablecer el enlace que reinicia el formulario. Esto también desactivará la cookie de seguimiento en el envío de formularios, lo que evita que se sobrescriba la información de cualquier cookie. 
    • Rellenar previamente campos con valores conocidos: si un contacto visitó anteriormente tu sitio y envió un formulario, y HubSpot pudo guardar y hacer seguimiento a sus cookies, los valores de cualquier campo conocido se llenan previamente en el formulario. Esta opción está activada de forma predeterminada. Para desactivar esta opción, haz clic en el botón Rellenar previamente campos con valores conocidos. Más información sobre los campos de formulario rellenados previamente

Estilo y vista previa del formulario 

  • En la parte superior, haz clic en la pestaña Estilo y vista preliminar. Una vista preliminar del formulario se actualizará en el panel derecho mientras ajustas los estilos del formulario o pruebas sus características.
    • Establecer como formulario HTML sin formato: selecciona esta opción para mostrar el formulario como elemento HTML sin procesar en lugar de dentro de un iframe. Cualquier estilo de HubSpot se eliminará y el formulario se podrá diseñar con CSS en tu hoja de estilo externa (Marketing Hub Pro o Enterprise, CMS Hub Pro o Enterprise o Marketing Hub Básico [versión anterior] únicamente).
    • Opciones de entrada: selecciona uno de los cuatro temas disponibles para los estilos de campo y de botón.
    • Estilo: personaliza el ancho, las fuentes y los colores del formulario.
    • Prueba: si tienes campos progresivos o campos dependientes en este formulario, puedes hacer pruebas para ver cómo les aparecerán a tus visitantes.

Publica tu formulario

En la parte superior derecha, haz clic en Publicar para publicar tu formulario y dejarlo listo para usar en las páginas de HubSpot. También puedes incrustar tu formulario en un sitio web externo o compartirlo como una página independiente.

Después de publicar tu formulario, descubre cómo analizar los datos de envío del formulario