Crear y editar formularios

Crea y utiliza formularios con el editor de formularios para recopilar información sobre tus visitantes y almacenarla en tu CRM de HubSpot. Al utilizar el editor de formularios, puedes crear formularios de varios pasos. A continuación, modifica el estilo del formulario para que refleje la identidad y la marca de tu empresa.

Después de crear tu formulario, puedes agregarlo a tus páginas de HubSpot utilizando el módulo de formularios de HubSpot, a un sitio externo utilizando el código de inserción del formulario, o compartirlo como una página independiente con un enlace para compartir.

Crear un nuevo formulario

Para crear un nuevo formulario:

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• En la parte superior derecha, haz clic en Crear formulario.

Nota: solo puedes asociar un formulario a una Unidad de negocio cuando creas el formulario. Más información sobre cómo asociar un formulario a una Unidad de negocio.

• Selecciona el Editor de formularios.

• En la parte superior derecha, haz clic en Siguiente.
• Selecciona una plantilla preestablecida o, para crear la tuya propia, selecciona la plantilla Empezar de cero.
• En la parte superior, haz clic en el edit icono de lápiz para editar el nombre del formulario. 

Agrega y edita los campos del formulario

Agrega campos de formulario para recopilar información de los visitantes y contactos de tu sitio web. Cada campo del formulario debe estar asociado a una propiedad de HubSpot. Para agregar un campo de formulario:

• En tu cuenta de HubSpot, navega hasta Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte superior izquierda, haz clic en el icono + agregar.
• En el panel izquierdo, haz clic y arrastra el tipo de campo a la vista previa del formulario de la derecha para incluirlo en su formulario. Los campos se pueden colocar encima, abajo o junto a otros campos. 
• Al agregar un campo Número de teléfono, el código de país que selecciones en el menú desplegable se establecerá como predeterminado para ese campo.
• En el panel derecho, haz clic e introduce la etiqueta del campo. Al introducir la etiqueta del campo, aparecerá una lista de propiedades similares existentes. 
  • En el cuadro de diálogo Conectar campo a una propiedad , haz clic en una propiedad sugerida.
  • Para conectar tu campo de formulario a una propiedad diferente, haz clic en Buscar propiedades. 

• Para agregar una propiedad conectada, en el panel izquierdo, haz clic para expandir la sección Propiedad conectada. Haz clic en la propiedad que quieres conectar al campo del formulario. 
• Para utilizar una propiedad existente como propiedad conectada con un campo de su formulario, utiliza la barra de búsqueda para buscar una propiedad existente. El tipo de objeto del campo agregado puede determinar si el envío del formulario aparece en la cronología de la actividad de los registros asociados.

• Para crear una nueva propiedad y utilizarla como propiedad conectada con un campo de tu formulario:
  • Haz clic en Crear nueva.

• • En el panel derecho, configura tu campo de formulario.
  • Revisa las reglas de tu propiedad y luego haz clic en Crear. De manera predeterminada, la opción Mostrar en formularios, formularios emergentes y bots estará seleccionada. Después de crear la nueva propiedad, esta se asociará automáticamente con el campo del formulario. Descubre cómo administrar tus propiedades.
• Para agregar una propiedad como campo en tu formulario, haz clic en Propiedades en el panel izquierdo:
  • Utiliza el menú desplegable Todas las propiedades para seleccionar propiedades de contacto, empresa, ticket u objeto personalizado.
  • Si utilizas una propiedad de ticket, haz clic en el menú desplegable del cuadro de diálogo y selecciona un centro de ayuda o una bandeja de conversaciones a la cual conectar el formulario. Cuando se envíe el formulario, se creará automáticamente un ticket. 

• • Para agregar la propiedad como un campo en tu formulario, haz clic y arrastra la propiedad a la vista previa del formulario. Los campos se pueden colocar encima, abajo o junto a otros campos. 

• Después de agregar tu campo de formulario, para editar las opciones de un campo:
  • En el panel derecho, haz clic en el campo de la vista previa del formulario. 
  • En el panel izquierdo, haz clic para ampliar la sección Opciones de campo. Las opciones aquí pueden variar dependiendo del tipo de propiedad del campo. Obtén más información sobre las opciones adicionales de personalización de campos disponibles.
    
    • Texto de ayuda: texto informativo debajo de la etiqueta del campo para ayudar al visitante a completar el campo.
    • Texto del parámetro de sustitución: texto que aparece en el campo para llenar. El texto desaparecerá cuando el visitante escriba un valor en el campo y no se mostrará en el envío, ni siquiera si el campo se deja vacío.
    • Valor predeterminado: un valor que se envía de forma predeterminada, salvo que el usuario lo cambie.
    • Campo oculto: cuando esta opción está activada, el campo tendrá su valor establecido a través del envío del formulario, pero el campo no aparecerá para el visitante. Una vez activada la configuración, establece el valor predeterminado que pasará a la propiedad cuando se envíe el formulario.
    • Campo obligatorio: cuando esta opción está activada, el campo debe rellenarse para enviar el formulario. Si un campo de formulario se ha establecido como obligatorio, no se puede establecer como oculto. 

Agregar elementos de formulario adicionales

Agrega Texto y medios o Seguridad a tu formulario. Al igual que los campos de formulario, estos elementos pueden colocarse encima, debajo o al lado de otros campos. 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte superior izquierda, haz clic en el icono + agregar.
• En el panel izquierdo, haz clic en Otros.
• Haz clic y arrastra los elementos a la vista previa del formulario de la derecha para incluirlos en tu formulario.
   
   
  

Agregar lógica condicional a los formularios (solo Content Hub o Marketing Hub Pro y Enterprise)

Después de agregar los campos del formulario, puedes configurar la lógica condicional para ocultar o mostrar campos relevantes, o redirigir a los visitantes a otras páginas de HubSpot en función de sus respuestas anteriores.

Para cada formulario, puedes agregar hasta 30 reglas con 10 condiciones por regla.

Para configurar la lógica condicional en tu formulario: 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte superior izquierda, haz clic en el icono workflows icono de lógica.
• En el panel izquierdo, haz clic en Agregar lógica.
• En la sección lógica, configura tus reglas de lógica condicional. Por ejemplo, si filtras por Ciudad y seleccionas es cualquiera de Dublín, la regla de lógica condicional solo se aplicará a los registros con el valor Dublín.
  
• Para eliminar un filtro, haz clic en el deletee icono de eliminar. 
• Para clonar un filtro, haz clic en el duplicate icono de clonar. 
• Para agregar filtros adicionales a la regla, haz clic en add Agregar filtro a este grupo.
• Para agregar un grupo adicional a la regla, haz clic en add Agregar grupo. 
• Si has agregado varios filtros o grupos a la regla, haz clic en el menú desplegable AND OR situado entre los filtros y grupos para aplicar la lógica AND u OR: 
  • AND: todos los filtros de la regla deben ser verdaderos para que esta se desencadene. 
  • OR: solo un filtro del grupo debe ser verdadero para que se desencadene la regla. Más información sobre la lógica AND u OR. 

• En la sección A continuación,, haz clic en el menú desplegable para seleccionar acciones en el formulario. Puedes elegir entre las siguientes opciones:
  • Mostrar un campo: si las respuestas del usuario coinciden con los criterios establecidos en tus reglas, muestra un campo específico. 
  • Ocultar un campo: si las respuestas del usuario coinciden con los criterios establecidos en tus reglas, muestra un campo específico. 
  • Ir directo al paso: si las respuestas del usuario coinciden con los criterios establecidos en tus reglas, ve a un paso específico. Para utilizar esta opción, el formulario debe tener al menos tres pasos. Más información sobre cómo agregar pasos de formulario. 
  • Redireccionar a: si las respuestas del usuario coinciden con los criterios establecidos en tus reglas, redirecciónales a una página de HubSpot o a una URL externa. Los usuarios de una cuenta Sales Hub Enterprise o Service Hub Enterprise pueden redireccionar formularios a un enlace de reunión en una página de programación.

• En función de la acción seleccionada, rellena los campos obligatorios. 
• Para aplicar la lógica condicional, haz clic en Guardar y activar. 

Gestionar reglas de lógica condicional

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte superior izquierda, haz clic en el workflows icono de lógica.
• Para agregar otra regla, haz clic en Agregar lógica.
• Para editar una regla, haz clic en el menú desplegable Acciones y selecciona Editar. 
• Para eliminar una regla, haz clic en el menú desplegable Acciones y selecciona Eliminar. 

Agregar y editar pasos de formulario 

Nota: esta característica solo está disponible para Marketing Hub, Sales Hub, o Service Hub Starter, Pro y Enterprise o Content Hub Enterprise.

Crea formularios de varios pasos para animar a los usuarios a rellenar varios segmentos de formulario en lugar de un único formulario largo. Para agregar un paso en un formulario de varios pasos:

• En tu cuenta de HubSpot, navega hasta Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En el panel derecho, coloca el cursor entre dos pasos existentes y haz clic en el icono + agregar. Aparecerá una sección de pasos nuevos. A continuación, puedes configurar los campos y elementos adicionales del formulario en el panel de pasos. 
   

• Para reorganizar el orden de un paso, coloca el cursor sobre el paso. A continuación, en la parte superior izquierda del paso, haz clic y arrastre Paso [x] para reposicionarlo. 
• Para clonar un paso, coloca el cursor sobre él y haz clic en el duplicate icono de clonar. No puedes clonar pasos que incluyan un correo electrónico, reCAPTCHA o campos de privacidad de datos.
• Para eliminar un paso, coloca el cursor sobre él y haz clic en el delete icono de eliminación. 
• Una barra de progreso indica visualmente qué parte del formulario ha completado el usuario, lo que mejora los índices de finalización de formularios. Para editar la barra de progreso: 
  • Coloca el cursor sobre la barra de progreso y haz clic en el edit icono de lápiz. 

• • En el panel izquierdo, puedes editar la barra de progreso y activarla o desactivarla: 

• • • Por opción predeterminad, la barra de progreso se agrega a todos los formularios. Para desactivar la barra de progreso, desactiva el interruptor Barra de progreso. Esto eliminará la barra de progreso de todos los pasos del formulario.
    • En la sección Formato, elige cómo quieres que aparezca el texto en la barra de progreso. Puedes seleccionar entre las siguientes opciones: Mostrar porcentaje al finalizar, Mostrar número de pasos, o No mostrar texto. 

Editar el diseño de los pasos y el banner de fondo 

Elige entre diseños de pasos predefinidos utilizando el conmutador rápido de diseños y personaliza el banner de fondo de tu formulario. 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• Coloca el cursor sobre el paso del formulario y haz clic en el edit icono de lápiz situado en la parte superior derecha. 
• En el panel izquierdo, haz clic en la pestaña Estilo y selecciona un diseño de paso. 
• Para eliminar el diseño, haz clic en Eliminar diseño en la parte superior derecha. 

• Haz clic en Fondo del banner para ampliar la sección:
  
  • Activa el interruptor Color de fondo para personalizar el banner de fondo del formulario.

• • Selecciona un color y una opacidad.
  • Haz clic en el menú desplegable Gradiente para agregar un degradado.
  • Utiliza una imagen para el fondo del banner. Puedes subir una imagen desde tus archivos de HubSpot, buscar imágenes desde el disco duro de tu ordenador o utilizar asistentes de IA para generar imágenes. 

Diseñar tu formulario

Personaliza el texto, los campos de entrada, el botón y el fondo de tu formulario y de los pasos del formulario. Las opciones de estilo configuradas en la pestaña Estilo global se aplicarán a todos los pasos del formulario. No se puede aplicar estilo a pasos individuales del formulario por separado. 

Nota: no es posible establecer el formulario como HTML sin formato en el editor actualizado. Solo los formularios creados con el editor heredado pueden establecerse como HTML sin formato. 

Para diseñar el formulario: 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte izquierda, haz clic en el icono Estilo.

• Cuando personalices tu Texto, Campos de entrada o Botón, puedes elegir entre los estilos existentes utilizando los Estilos rápidos de entrada de campos. También puedes personalizar manualmente el estilo de cada componente del formulario:
  • Campos: personaliza el campo, incluidos el fondo y los bordes. También puedes personalizar la fuente, el tamaño de fuente y los colores de las etiquetas, así como los colores del texto de ayuda, los marcadores de posición y el texto de error. 
  • Botones: personaliza la altura del botón, el redondeo de las esquinas, el fondo, el gradiente y agrega una sombra paralela al botón. También puedes personalizar la fuente, el tamaño de la fuente y el color del texto del botón. 
  • Párrafo (texto enriquecido): personaliza la fuente, el tamaño y el color del cuerpo del texto. 
  • Encabezado: personaliza la fuente y el color del texto del encabezado. Puedes agregar una sombra paralela al texto del encabezado. 
  • Fondo: personaliza el fondo de tu formulario y de los pasos del formulario. Puedes elegir entre establecer un color de fondo o utilizar una imagen para el fondo. Puedes utilizar los asistentes de IA para generar imágenes. También puedes establecer un borde para tu formulario.
  • Barra de progreso: personaliza la barra de progreso de tu formulario, incluyendo el color de la línea de progreso y la fuente de la barra de progreso. 

Automatizar tu formulario 

Activa funciones de automatización sencillas, como enviar un correo electrónico de seguimiento a un contacto o enviar notificaciones automáticas por correo electrónico interno a otros usuarios de HubSpot. También puedes utilizar el envío de formulario como activador en un workflow simple. 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En el panel izquierdo, haz clic en el settis automati workflows icono de automatización.

• Para crear un workflow sencillo: 

  • En la sección Automatiza qué ocurre después de que se envía un formulario:
    • Para activar desencadenar un correo electrónico de seguimiento después de cada envío de formulario, en Envía un correo después de un envío de formulario, haz clic en Crear este workflow. 
    • Para crear tu propio workflow a partir de una plantilla en blanco, en Crea tu propio workflow simple, haz clic en Crear nuevo workflow. En el panel deslizante derecho, en Desencadenar la(s) acción(es) cuando, selecciona la opción Un contacto envió un formulario. 
• Para agregarotras acciones de workflow, haz clic en el + icono de más. 
  
  
• Para activar un workflow, junto al nombre del workflow, haz clic para activar el interruptor. A continuación, haz clic en Entendido. Después de publicar tu workflow simple, cualquier cambio realizado en el workflow se aplicará automáticamente a los contactos actualmente inscritos. 

Más información sobre cómo utilizar automatización con formularios. 

Personalizar la configuración del formulario

Configura los ajustes del formulario, incluido lo que ocurre con el contacto correspondiente después de que se envíe un formulario, los ajustes de notificación al usuario y el idioma predeterminado del formulario. Puedes establecer el estado de marketing del contacto, la etapa del ciclo de vida, etc. Es posible que algunas opciones no se muestren, dependiendo de tu suscripción a HubSpot. 

• En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En el panel izquierdo, haz clic en el settings icono de configuración.
• En la pestaña General, configura los siguientes ajustes generales del formulario:
  
  • Crea automáticamente nuevos registros de contactos a partir de direcciones de correo electrónico desconocidas: selecciona esta opción para crear un nuevo registro de contacto para cada envío con una dirección de correo electrónico ú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.
    • 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.
  • Configura los nuevos contactos como contactos de marketing: si tu cuenta de HubSpot tiene acceso a contactos de marketing, puedes establecer automáticamente como de marketing cualquier contacto creado a partir de este formulario. Esto incluirá tanto contactos nuevos como ya existentes.
  • Pre-poblar campos para los visitantes que regresan: si un contacto visitó anteriormente tu sitio y envió un formulario, y HubSpot pudo almacenar y hacer seguimiento a sus cookies, los valores de cualquier campo conocido se llenan previamente en el formulario. Esta opción está activada por opción predeterminada. Más información sobre los campos de formulario rellenados previamente. 
    
  • Simplificación de formularios: si has adquirido créditos de Breeze Intelligence, puedes agilizar tus formularios ocultando automáticamente los campos de formulario que pueden rellenarse mediante el enriquecimiento de datos. Más información sobre la simplificación de formularios. 
  • Agregar a campaña de marketing: si tienes una suscripción a Marketing Hub Pro o Enterprise, puedes asociar el formulario a una campaña:
    • Para asociar tu formulario a una campaña existente, haz clic en el menú desplegable Campaña y selecciona una campaña.
    • Para asociar tu formulario a una nueva campaña, haz clic en el menú desplegable Campaña y haz clic en Crear campaña. A continuación, sigue configurando la campaña. 

• • Al momento del envío, actualiza la etapa del ciclo de vida del contacto y de la empresa: haz clic en el menú desplegable Establecer etapa del ciclo de vida en y selecciona una etapa del ciclo de vida. Cuando los visitantes envíen el formulario, cualquier registro nuevo o existente se establecerá en la etapa del ciclo de vida seleccionada. 
    • No es posible mover hacia atrás la etapa del ciclo de vida de un registro. Si un contacto existente o una empresa con una etapa del ciclo de vida posterior envía un formulario, la etapa del ciclo de vida no se actualizará. 
    • La etapa de ciclo de vida establecida en un formulario sobrescribirá la etapa de ciclo de vida predeterminada configurada en tus ajustes de HubSpot.

• Para personalizar la configuración de envío, en el panel izquierdo, haz clic en la pestaña Configuración de envíos. Personaliza la siguiente configuración de envío de formularios: 
  • Enviar al propietario del contacto: envía automáticamente una notificación al propietario del contacto. Si un contacto no tiene propietario, no se enviará ninguna notificación. Más información sobre la propiedad de objetos en HubSpot. 
  • Enviar a otros usuarios: selecciona los equipos o individuos predeterminados que recibirán notificaciones de envío por correo electrónico, independientemente de la titularidad del contacto. Cualquier destinatario establecido aquí será reemplazado por los destinatarios establecidos en las opciones del formulario en las páginas de HubSpot.

  • Dominios de correo electrónico que se bloquearán: introduce dominios de correo electrónico específicos para bloquear el envío de formularios. Por ejemplo, si deseas bloquear los envíos desde email@domain.com, puedes agregar dominio.com. Para bloquear los envíos de todos los proveedores de correo electrónico gratuito, haz clic para activar el interruptor Bloquear a los proveedores de correo electrónico gratuito. 

• Para personalizar los ajustes de idioma del formulario, haz clic en la pestaña Idioma y región . Haz clic en el menú desplegable Idioma principal y, a continuación, selecciona un idioma predeterminado para tu formulario. Los mensajes de error, las etiquetas de las propiedades predeterminadas, el texto de ayuda, el texto del marcador de posición y los valores predeterminados se traducirán a este idioma.
• Para crear una traducción con IA del formulario (solo Marketing Hub o Content Hub Pro y Enterprise):
  • Activa la opción Traducciones con IA habilitadas para todo el contenido del formulario.
  • En el menú desplegable Idioma principal , selecciona el idioma al que quieres traducir el formulario. Los mensajes de error, las etiquetas de las propiedades predeterminadas, el texto de ayuda, el texto del marcador de posición, los valores predeterminados, las etiquetas personalizadas, el texto enriquecido y el texto de consentimiento se traducirán automáticamente a este idioma.
  • Si has actualizado tu formulario desde la traducción anterior, haz clic en Volver a traducir ahora para actualizarla.

Gestionar la validación en tiempo real de los campos de formulario

Si has establecido reglas de validación para una propiedad, estas reglas se aplicarán a los campos del formulario, y los visitantes deberán cumplir estos requisitos para enviar el formulario. La validación en tiempo real de los campos de los formularios ofrece a los visitantes información inmediata sobre lo que han introducido, lo que facilita la corrección de errores y la finalización precisa de los formularios.

Por ejemplo, si has establecido una regla de validación para que la propiedad Número de pedido contenga solo valores numéricos, los visitantes recibirán información para corregir cualquier entrada no numérica.

Por opción predeterminada, la validación en tiempo real de los formularios está activada. Para gestionar la validación en tiempo real de los campos de los formularios: 

• En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.

• En el menú de la barra lateral izquierda, navega a Marketing > Formularios.

• Haz clic en la pestaña Configuración de envíos. 
• Activa o desactiva el interruptor Activar la validación en tiempo real de los campos del formulario.
• En la parte inferior izquierda, haz clic en Guardar. 

Utilizar tu formulario

Después de crear un nuevo formulario o de actualizarlo, deberás actualizarlo para que los cambios se apliquen. A continuación, agrégalo a tu contenido de HubSpot, utiliza el código de inserción del formulario para agregarlo a una página externa, o compártelo como una página independiente con un enlace para compartir. 

• En tu cuenta de HubSpot, navega hasta Marketing > Formularios.
• Crea un formulario nuevo o coloca el cursor sobre uno existente y haz clic en Editar. 
• En la parte superior derecha, haz clic en Revisar y actualizar para publicar las actualizaciones del formulario.
• Para compartir tu formulario, insertarlo en una página de HubSpot o insertarlo en un sitio externo, en la parte superior derecha, haz clic en Compartir y, a continuación, selecciona una de las siguientes opciones:
  • Insertar con HubSpot: inserta tu formulario en una página web CMS de HubSpot, landing page o con CTA de HubSpot. 
  • Obtén un código de inserción: utiliza una inserción para agregar el formulario en una página alojada externamente. Para hacer seguimiento de las analíticas del formulario en una página externa, debes instalar en la página el código de seguimiento de HubSpot. Más información sobre cómo agregar un formulario de HubSpot a un sitio externo. 
    • En la parte inferior de la página, haz clic en Copiar.
    • Pega el código de inserción en el módulo HTML de tu página.
  • Copia un enlace para compartir: utiliza una URL para compartir el formulario como una página independiente. 

• • • Haz clic en Copiar para copiar la URL de la página del formulario en el portapapeles. 
    • En tu navegador, abre una nueva ventana o pestaña y pega la URL de la página del formulario en la barra de direcciones para cargarla. También puedes compartir la URL de la página del formulario directamente con otros para darles acceso al formulario.