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, puede 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 añadirlo 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:

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. En la parte superior derecha, haga clic en Crear formulario.
3. Nota: sólo puede asociar un formulario a Marcas al crear el formulario. Más información sobre la asociación de un formulario a lamarca> > s.

3. Seleccione el Editor de formularios.
4. En la parte superior derecha, haz clic en Siguiente.
5. Selecciona una plantilla preestablecida o, para crear la tuya propia, selecciona la plantilla Empezar de cero.
6. En la parte superior, haga clic en el lápiz deedición icontoeditar 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:

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar .
3. En la parte superior izquierda, haz clic en el icono + agregar.
4. En el panel izquierdo, haga clic y arrastre el tipo de campo a la vista previa del formulario de la derecha para incluirlos en su formulario. Los campos se pueden colocar encima, abajo o junto a otros campos.
5. Al añadir un campo Número de teléfono , el código de país corresponderá de forma predeterminada a la dirección IP del dispositivo del visitante. No es posible configurar el código de país predeterminado.
6. 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.

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

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

• En el panel derecho, configura tu campo de formulario.
• Revise las reglas de propiedad y haga clic en Crear. De manera predeterminada, la opción Mostrar en formularios, formularios emergentes y bots estará seleccionada. Después de crear su nueva propiedad, se asociará automáticamente con el campo del formulario. Aprenda a gestionar sus propiedades.
10. 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.

11. Después de agregar tu campo de formulario, para editar las opciones de un campo:
    • En el panel derecho, haga 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.
      
      • 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.

Añadir 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.

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior izquierda, haz clic en el icono + agregar.
4. En el panel izquierdo, haz clic en Otros.
5. Haga clic y arrastre los elementos a la vista previa del formulario de la derecha para incluirlos en su 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, puede añadir hasta 100 reglas con 10 condiciones por regla.

Para ajustar la lógica condicional en su formulario:

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior izquierda, haz clic en el workflows icono de lógica.
4. En el panel izquierdo, haga clic en Añadir lógica.
5. En la sección lógica, configura tus reglas de lógica condicional. Por ejemplo, si filtra por Ciudad y selecciona es cualquiera de Dublín , la regla de lógica condicional sólo se aplicará a los registros con el valor Dublín.
   
6. Para eliminar un filtro, haz clic en el deletee icono de eliminar.
7. Para clonar un filtro, haz clic en el duplicate icono de clonar.
8. Para agregar filtros adicionales a la regla, haz clic en add Agregar filtro a este grupo.
9. Para añadir un grupo adicional a la regla, haga clic en add Añadir grupo .
10. 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.
11. 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.

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

Gestionar reglas de lógica condicional

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior izquierda, haz clic en el workflows icono de lógica.
4. Para agregar otra regla, haz clic en Agregar lógica.
5. Para editar una regla, haz clic en el menú desplegable Acciones y selecciona Editar.
6. Para eliminar una regla, haz clic en el menú desplegable Acciones y selecciona Eliminar.

Agregar y editar pasos de formulario

Nota: esta función sólo está disponible para Marketing Hub, Sales Hub o Service Hub Starter, Professional 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:

1. En tu cuenta de HubSpot, navega hasta Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. 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, puede ajustar los campos y elementos adicionales del formulario en el panel de pasos.

4. 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.
5. 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.
6. Para eliminar un paso, coloca el cursor sobre él y haz clic en el delete icono de eliminación.
7. Una barra de progreso indica visualmente qué parte del formulario ha completado el usuario, lo que mejora los índices de cumplimentació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.

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. Coloca el cursor sobre el paso del formulario y haz clic en el edit icono de lápiz situado en la parte superior derecha.
4. En el panel izquierdo, haz clic en la pestaña Estilo y selecciona un diseño de paso.
5. Para eliminar el diseño, haz clic en Eliminar diseño en la parte superior derecha.

6. Haga clic en Banner background 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. Sólo los formularios creados con el editor heredado pueden ajustarse como HTML sin formato.

Para diseñar el formulario:

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte izquierda, haz clic en el icono Estilo.

4. 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: personalice la fuente y el color del texto de su 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 puede utilizar el envío de formularios como desencadenante de un flujo de trabajo sencillo.

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar .
3. En el panel izquierdo, haga clic en el botónsettis automati workflows automatización.

4. En la secciónAutomatizar lo que ocurre tras el envío de 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 su propio flujo de trabajo a partir de una plantilla en blanco, en Crear su propio flujo de trabajo sencillo, haga clic en Crear nuevo flujo de trabajo. En el panel deslizante derecho, en Desencadenar la(s) acción(es) cuando, selecciona la opción Un contacto envió un formulario.
5. Para añadir otras acciones de workflow, haz clic en el icono + más.
6. Para activar un flujo de trabajo, junto al nombre del flujo de trabajo, haga 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.
7. Si ha optado por la versión beta deNotificaciones para automatizaciones de formularios , puede notificar a los usuarios cuándo es necesario revisar la automatización y cuándo cambia la tasa de inscripción:
   • Para recibir notificaciones si hay algún error en el workflow que requiera su atención, active la opción Recibir notificaciones cuando esta automatización necesite revisión .

• • Para recibir notificaciones cuando fluctúe la tasa de inscripción, active la casilla Recibir notificaciones si cambia la tasa de inscripción . A continuación, elija entre las siguientes opciones:

• • • Utilizar Breeze Intelligence: active este interruptor para detectar automáticamente cualquier cambio en la tasa de inscripciones basado en los datos de los últimos 30 días.
    • Utilizar un intervalo manual: active este interruptor para ajustar manualmente un umbral de velocidad fijo que desencadenará notificaciones cuando se supere.
      
      
  • En la sección Destinatarios de las notificaciones , haz clic en los menús desplegables Usuarios y Equipos y selecciona los destinatarios a los que enviar las notificaciones. Sólo los usuarios que hayan activado las notificaciones de HubSpot para al menos un canal podrán recibir estas notificaciones.

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

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

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar .
3. En el panel izquierdo, haz clic en el settings icono de configuración.
4. 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 primero intentará asociar el envío con un contacto existente utilizando la dirección de correo electrónico enviada. Si no existe ningún contacto en la dirección de correo electrónico, HubSpot reconocerá y actualizará sus contactos basándose en las cookies de sus navegadores. Esto puede provocar que los contactos se sobrescriban si el mismo formulario se envía 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.
   • Establecer los nuevos contactos como contactos de marketing: si tu cuenta de HubSpot tiene acceso a los contactos de marketing, puedes establecer automáticamente los contactos que hayan enviado este formulario como contactos de marketing. Esto incluirá tanto contactos nuevos como ya existentes.
   • Rellena previamente los campos para los visitantes que vuelven: si un contacto visitó previamente tu sitio y envió un formulario, y HubSpot pudo almacenar y rastrear sus cookies, cualquier valor de campo conocido puede ser rellenado previamente en el formulario. Esta opción está activada de forma predeterminada. Más información sobre los campos de formulario rellenados previamente.

1. • Simplificación de formularios: si dispones de HubSpot Credits, puedes agilizar tus formularios ocultando automáticamente los campos del formulario que pueden ser rellenados por el enriquecimiento de datos. Más información sobre la simplificación de formularios
   • Añadir a campaña de marketing: si dispone de una suscripción Marketing Hub Pro o Enterprise , puede 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 su formulario a una nueva campaña, haga clic en el menú desplegable Campaña y haga clic en Crear campaña. A continuación, continúa configurando la campaña.

1. • 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 del ciclo de vida establecida en un formulario sobrescribirá la etapa del ciclo de vida por defecto configurada en tus ajustes de HubSpot.

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

6. 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.
7. 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 , seleccione el idioma al que desea 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

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

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

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

Utilizar tu formulario

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Cree un nuevo formulario o pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior derecha, haz clic en Revisar y actualizar para publicar las actualizaciones del formulario.
4. 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 realizar un seguimiento analítico de tu formulario en una página externa, tu código de seguimiento de HubSpot debe estar instalado en la página. 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.
     • Inserte el código en el módulo HTML de su página.
   • Copia un enlace para compartir: utiliza una URL para compartir el formulario como una página independiente.

1. 1. • Haz clic en Copiar para copiar la URL de la página del formulario en tu 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.