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: mayo 25, 2022

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.
  • Para asociar el formulario a una unidad de negocio (solo en el complemento de unidades de negocio):
    • Haz clic en el menú desplegable Selecciona una unidad de negocio.
    • Selecciona la unidad de negocio a la que deseas asociar este 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 preseleccionados para un caso de uso específico. La vista previa del formulario para la plantilla seleccionada aparece en el panel derecho.

Nota: para usar una plantilla de Asistencia técnica, necesitas permisos de acceso a la cuenta.  

  • 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. El tipo de objeto del campo agregado puede determinar si el envío del formulario aparece en la línea de tiempo de la actividad de los registros asociados
  • 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, configura tu campo de formulario: 
      • Tipo de objeto: selecciona un tipo de objeto. Puedes agregar campos de Contacto, Empresa y Objeto personalizado. Las propiedades de los tickets se pueden agregar si la Creación automática de tickets está activada.
      • Grupo: selecciona un grupo de propiedades. 
      • Etiqueta: introduce el texto para asignarle un nombre a la propiedad.
      • Descripción: introduce el texto para describir la propiedad. Esto es opcional y puede dejarse en blanco.
    • 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 aquí pueden variar dependiendo del tipo de propiedad del campo, aprende más sobre las opciones adicionales de personalización de campos disponibles.
    • 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 esopcional, crear un correo electrónico de seguimiento agregará automáticamente un CAPTCHA al formulario. Más información sobre cómo enviar correos electrónicos de seguimiento para formularios.
  • 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.

  • Una vez finalizado, haz clic en Guardar. Debería aparecer una breve vista preliminar del correo electrónico.
  • Para agregar otro correo electrónico de seguimiento, haz clic en Agregar otro correo.


Personalizar 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.

    • Campaña: para asociar el formulario con una campaña en HubSpot, haz clic en el menú desplegable Campaña y selecciona una campaña. Para crear una nueva campaña en su lugar, selecciona Crear campaña. Más información sobre cómo trabajar con campañas en 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 intentará primero asociar el envío a un contacto existente con la dirección de correo electrónico enviada. Si no existe ningún contacto en esa dirección de correo electrónico, HubSpot reconocerá y actualizará tus contactos basándose en las cookies de 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 hará seguimiento de las vistas 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.

Utilizar automatizaciones con formularios (BETA)

  • En la parte superior, haz clic en la pestaña Automatizaciones. Desde la pestaña Automatizaciones, puedes configurar lo que ocurre después de que se envíe el formulario.
    • En la sección Elige qué ocurre luego de que se envía un formulario, personaliza la configuración de tu formulario según sea necesario.
    • En la sección Crear un workflow simple , configura un workflow simple para automatizar las acciones de seguimiento, como el envío de un correo electrónico o la configuración de una propiedad de contacto.

Más información sobre cómo utilizar las automatizaciones con la herramienta de formularios.  

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.

Una vez que se ha publicado un formulario, no se puede anular su publicación. Si el formulario está incrustado en una página externa, puedes eliminar manualmente el código de incrustación del formulario. Sin embargo, la única manera de desactivar la página del formulario independiente es eliminar el formulario 

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

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.