Crear y personalizar formularios

Utiliza los formularios de HubSpot para recopilar información de los visitantes y crear o actualizar registros en tu CRM. Captura leads, recopila información de los clientes y actúa como desencadenante de acciones de seguimiento, como enviar correos electrónicos o añadir contactos a segmentos. 

Por ejemplo, añade un formulario a una landing page para recopilar direcciones de correo electrónico para un boletín informativo. A continuación, envía un correo electrónico automático de seguimiento una vez que el visitante haya enviado el formulario.

Crear un formulario

Crea un formulario para recabar información de los visitantes e introducirla en el CRM. 

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente a Marketing > Formularios.
2. Para asociar un formulario a una marca concreta, haz clic en tu foto de perfil, ve a«Marca» y, a continuación, selecciona la marca con la que quieras asociar el formulario. Más información sobrecómo asociar activos a marcas. 
3. En la esquina superior derecha, haz clic en «Crear formulario».
4. Selecciona el editor de formularios y, a continuación, haz clic en «Siguiente». 
5. Navegue hasta una plantilla ya creada y haga clic en Usar plantilla. Para crear tu propio formulario, utiliza la plantilla «Empezar desde cero ». 

Añadir campos a un formulario

Los campos de los formularios recopilan información específica de los visitantes y actualizan las propiedades correspondientes en tu CRM.

1. En la esquina superior izquierda del editor de formularios, haz clic en el icono «+ Añadir».
2. En el panel «Campos», haz clic en el tipo de campo y arrástralo hasta el formulario.
3. En el panel «Editar campo », busca y selecciona una propiedad existente a la que conectar el campo. 
4. Para crear y vincular una nueva propiedad, haz clic en «Crear nueva propiedad». 
5. En el panel de la derecha, configura tu propiedad. A continuación, haz clic en «Crear propiedad».

Una vez creada, la nueva propiedad se vincula automáticamente al campo del formulario seleccionado. En la configuración de la propiedad, la opción «Mostrar en formularios y chatflows » está seleccionada por defecto. Aprende a gestionar tus propiedades.

Editar opciones de los campos del formulario

Una vez que hayas añadido un campo al formulario, edita las opciones de dicho campo: 

1. En el editor de formularios, haz clic en el campo que quieras editar. 

2. En el panel «Editar campo », ve a la sección «Opciones de campo ». Las siguientes opciones pueden variar en función del tipo de propiedad del campo:
   • Texto de ayuda: texto informativo que aparece debajo de la etiqueta del campo.
   • Texto de marcador de posición: texto que se muestra dentro del campo antes de introducir datos. El texto de lugar reservado desaparece cuando el visitante introduce un valor en el campo. El valor no se introduce en el envío, aunque el campo quede vacío.
   • Valor por defecto: valor que se introducirá en el campo de forma predeterminada, a menos que el visitante lo modifique.
   • 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 texto, multimedia, seguridad y privacidad

Personaliza tu formulario añadiendo texto, imágenes y encabezados. Obtén más información sobre cómo añadir opciones de privacidad de datos y de consentimiento , así como reCAPTCHA , a tu formulario. 

1. En la esquina superior izquierda del editor de formularios, haz clic en el icono «+ Añadir».
2. En el panel izquierdo, haga clic en Otros.
3. Haz clic y arrastra el texto y los elementos multimediahasta el formulario. 
4. Configura cada elemento:
   • Imagen: haz clic en «Subir» o «Examinar imágenes» para añadir una imagen, o haz clic en «Generar» para crear contenido con Breeze.
   • Título: introduce el texto del título en el campo del formulario.
   • Texto con formato: introduce eltexto en el campo del formulario. Para editar el estilo del texto, haz clic en «Editar» en la vista ampliada del panel izquierdo. 

Crear un formulario de varios pasos

Utiliza formularios de varios pasos para dividir los formularios largos en pasos más cortos y mejorar las tasas de finalización. Puedes agregar un máximo de 20 pasos por formulario.

Si utilizas campos obligatorios en un formulario de varios pasos, se le pedirá al visitante que rellene el campo obligatorio antes de pasar al siguiente paso. 

Para añadir un paso al formulario:

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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 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.

Mostrar una barra de progreso

Una barra de progreso muestra visualmente qué parte del formulario ha rellenado el usuario, lo que mejora las tasas de finalización de los formularios.

Para activar la barra de progreso:

1. En el editor de formularios, pasa el cursor por encima de un paso del formulario y haz clic en el edit icono de edición .
2. En el panel «Editar paso» , activa el interruptor de la barra de progreso . Se ha añadido una barra de progreso a todos los pasos del formulario. 
3. En la sección «Formato», selecciona el indicador de progreso (es decir, porcentaje o número de pasos).

Personalizar el mensaje de confirmación del formulario o el redireccionamiento

Cuando un visitante envíe tu formulario, muestra un mensaje de agradecimiento o realiza el redireccionamiento a una página, a un enlace de reunión o a un enlace de pago. 

1. En la esquina superior izquierda del editor de formularios, haz clic en el icono de contenido «siteTreeIcon ». 
2. En el panel izquierdo, haga clic en Enviar. También puede hacer clic en el paso del formulario en el editor. 
3. En la pestaña Opciones , seleccione el contenido que se mostrará cuando se envíe el formulario:
   • Mostrar mensaje de agradecimiento: pase el ratón sobre el mensaje de agradecimiento predeterminado y haga clic en el icono editIcon para añadir o editar el texto. 
     • Para editar el mensaje de agradecimiento en el editor de texto enriquecido expandido, en el panel izquierdo, en Texto enriquecido, haga clic en Editar en vista expandida. 
   • Redireccionamiento a una página, URL, enlace de reunión o de pago: redirige al visitante a una página de HubSpot, enlace de reunión, enlace de pago o URL específica cuando envíe el formulario. 
     • Haz clic en el menú desplegable Redireccionamiento a una página, URL, Reunión o enlace de pago, luego selecciona el contenido de tu redireccionamiento o introduce una URL específica. 

Para configurar una lógica condicional de redireccionamiento que redireccione a los visitantes a una página concreta en función de las respuestas que den en el formulario, descubre cómo añadir una lógica condicional de redireccionamiento.

Aplicar lógica condicional 

La lógica condicional muestra u oculta elementos del formulario o realiza redireccionamiento para los visitantes en función de sus respuestas. Esto te ayuda a crear formularios más personalizados y relevantes para tus visitantes. Por ejemplo, puedes mostrar campos adicionales cuando un visitante seleccione una opción concreta, o realizar redireccionamiento a diferentes páginas en función de sus respuestas.

Utiliza la lógica condicional para:

• Mostrar u ocultar campos, texto, imágenes o encabezados.
• Mostrar u ocultar pasos en formularios de varios pasos.
• Realizar el redireccionamiento para los visitantes tras el envío de formularios.

La lógica condicional no se puede aplicar a reCAPTCHA ni a los elementos relacionados con la protección de datos. Para cada formulario, puede añadir hasta 100 reglas con 10 condiciones por regla. 

Configurar la lógica condicional en un formulario

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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 del editor de formularios, haga clic en el icono workflows icono de lógica.
4. En el editor de la barra lateral, haga clic en Añadir lógica.

Configurar reglas de lógica condicional

1. En la sección Regla, configure sus 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.
   
2. Para eliminar un filtro, haz clic en el deletee icono de eliminar.
3. Para clonar un filtro, haz clic en el duplicate icono de clonar.
4. Para agregar filtros adicionales a la regla, haz clic en add Agregar filtro a este grupo.
5. Para añadir un grupo adicional a la regla, haga clic en add Añadir grupo .
6. Si ha añadido varios filtros o grupos a la regla, haga clic en el menú desplegable AND OR 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.

Configurar acciones cuando se cumplan las reglas

Una vez que hayas configurado las reglas de lógica condicional, selecciona una acción que se aplique cuando se cumplan los criterios de la regla.

Nota: la acción Saltar al paso form está en desuso. Si su formulario está utilizando activamente lógica condicional para omitir pasos del formulario, la lógica existente continuará ocultando los pasos del formulario. Al editar la lógica de un formulario existente, se recomienda reemplazar la acción Saltar al paso por Ocultar pasos o Mostrar pasos.

1. En la sección «Then» , haz clic en el menú desplegable para seleccionar una acción en el formulario:
   
   • Mostrar campos: si las respuestas del usuario coinciden con los criterios establecidos en sus reglas, muestre un campo específico, un módulo de texto enriquecido, un encabezado o una imagen.
   • Ocultar campos: si las respuestas del usuario coinciden con los criterios establecidos en sus reglas, oculte un campo específico, un módulo de texto enriquecido, un encabezado o una imagen.
   • Saltar a paso (obsoleto): si las respuestas del usuario coinciden con los criterios establecidos en sus reglas, salta a un paso específico. Para utilizar esta acción, su formulario debe tener tres o más pasos. Más información sobre cómo agregar pasos de formulario.
   • Ocultar pasos: los pasos del formulario se ocultan al visitante si cumplen las condiciones. Para utilizar esta acción, su formulario debe tener dos o más pasos.
   • Mostrar pasos: los pasos del formulario se muestran al visitante sólo si cumple las condiciones. Si el visitante no cumple las condiciones, los pasos seleccionados permanecerán ocultos en el formulario. Para utilizar esta acción, su formulario debe tener dos o más pasos.
   • Redireccionamiento a: si las respuestas del visitante coinciden con los criterios establecidos en sus reglas, rediríjalos a una página de HubSpot, a una URL externa o a un enlace de pago. 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. 
2. En función de la acción seleccionada, rellena los campos obligatorios.
3. Una vez configurada la regla, haz clic en «Guardar y activar».

Aplicar estilo a un formulario

Para crear un formulario que se adapte a tu branding, personaliza su aspecto, incluidos los campos, los botones y el fondo. 

Nota: No es posible configurar el formulario como HTML sin formato en el editor de formularios. 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, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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. Al personalizar tus campos de texto, de entrada o botones, elige entre los estilos disponibles mediante los «Estilos rápidos de entrada de campos». O bien, personaliza manualmente el estilo de cada componente de tu 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 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.

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 el editor de formularios, pasa el cursor por encima del paso del formulario y haz clic en el edit icono de edición situado en la esquina superior derecha.
2. En el panel izquierdo, haz clic en la pestaña Estilo y selecciona un diseño de paso.
3. Para eliminar el diseño, haz clic en Eliminar diseño en la parte superior derecha.

4. En lasección «Fondo del banner» de « », activa el interruptor «Color de fondo» para personalizar el color de fondo de tu formulario.
5. Selecciona un color y una opacidad.
6. Haz clic en el menú desplegable Gradiente para agregar un degradado.
7. Para utilizar una imagen como fondo del banner, haz clic en «Subir» o «Examinar imágenes» para añadir una imagen, o haz clic en «Generar con IA» para generar contenido con Breeze. 

Automatizar las acciones de seguimiento

Una vez realizado el envío de formularios, utiliza workflows sencillos para enviar correos electrónicos, notificar a los usuarios o añadir contactos a un segmento. Más información sobre cómo utilizar automatización con formularios.

Para crear un workflow sencillo en el editor de formularios:

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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 editor de formularios, haz clic en elsettis automati workflows icono de automatización.

4. En la secciónAutomatizar lo que ocurre tras el envío de un formulario :

   • Para desencadenar automáticamente un correo electrónico de seguimiento después de cada envío de formulario, en Enviar 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 sencillo, haz clic en Crear nuevo workflow. En el panel deslizante derecho, en Activar acciones 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 workflow, activa el interruptor situado junto al nombre del workflow. A continuación, haz clic en Entendido. Tras publicar tu workflow sencillo, cualquier cambio realizado en él se aplicará automáticamente a los contactos inscritos en ese momento.

Activar las notificaciones de automatización de formularios

Ten en cuenta que, si eres superadministrador, puedes inscribir tu cuenta en la versión beta de «Notificaciones para automatizaciones de formularios ».

Una vez que hayas activado un workflow sencillo en el editor de formularios, avisa a los usuarios cuando sea necesario revisar la automatización del formulario o cuando cambie la tasa de inscripción.

1. En el editor de formularios, haz clic en elsettis automati workflows icono de automatización.
2. En la esquina superior derecha del workflow sencillo, haz clic en «Acciones» y selecciona «Editar notificaciones». 
3. En el panel de la derecha, activa el interruptor «Recibir notificaciones cuando esta automatización presente problemas» para recibir notificaciones en caso de que se produzcan errores que requieran tu atención.
4. 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:

• • Utiliza Breeze Intelligence: activa este interruptor para detectar automáticamente cualquier cambio en la tasa de matriculación basándose en los datos de los últimos 30 días.
  • Utilizar un rango manual: activa esta opción para establecer manualmente un umbral fijo que será el desencadenante de notificaciones cuando se supere.

5. 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 deseas enviar las notificaciones. Solo los usuarios que hayanactivado las notificaciones de HubSpot en para al menos un canal podrán recibir estas notificaciones.

Configurar los ajustes del formulario

La configuración del formulario determina cómo se crean los contactos y cómo se notifica a los usuarios tras el envío de formularios. Utiliza estos ajustes para gestionar la creación de contactos, las notificaciones, las preferencias de idioma y mucho más. Las opciones de los formularios varían en función de tu suscripción a HubSpot.

Para acceder a la configuración del editor de formularios:

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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 editor de formularios, haz clic en el settings icono de configuración.
4. Utiliza las pestañas del panel de la izquierda para configurar los ajustes de tu formulario.

Configurar los ajustes generales del formulario

Utiliza la pestaña «General» para configurar cómo se crean los contactos, activar la simplificación de formularios y asociar el formulario a una campaña de marketing. 

• 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, HubSpot no utilizará una cookie del navegador existente para asociar el envío con un contacto previamente rastreado. Las opciones Rellenar previamente los campos del formulario para los visitantes que vuelven y Añadir enlace para restablecer el formulario también se desactivarán automáticamente.
• Establecer los nuevos contactos como contactos de marketing: si tu cuenta de HubSpot tiene acceso a los contactos de marketing, establece automáticamente como contactos de marketing a todos los contactos que hayan enviado el formulario. Esto incluirá tanto contactos nuevos como ya existentes.
• Rellena previamente los campos del formulario 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.

• Simplificación de formularios: acorta tus formularios ocultando automáticamente los campos que se puedan rellenar mediante el enriquecimiento de datos. Más información sobre la simplificación de formularios.
• Añada un enlace para restablecer el formulario: si ha activado la opción Rellenar previamente los campos del formulario para los visitantes que vuelven, también puede añadir un enlace de restablecimiento a su formulario. Si esta opción está activada, el visitante puede hacer clic en ¿No es usted? Haga clic aquí para restablecer en el formulario para borrar cualquier campo de formulario rellenado previamente. Cuando se restablece un formulario:
  • El seguimiento de cookies se desactivará para el envío de formularios específico. Las cookies de seguimiento existentes no se sobrescribirán. 
  • El envío de formularios creará un nuevo registro de contacto para una dirección de correo electrónico que no coincida con un registro de contacto existente. 

• 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. Luego, continúa configurando la campaña.

• Al enviar, actualice la etapa del ciclo de vida del contacto y de la empresa: haga clic en el menú desplegable Establecer etapa del ciclo de vida en y seleccione 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 configurada por defecto en tus ajustes de HubSpot.

Configurar los ajustes de envío y notificación

En la pestaña «Configuración de envío» , configura cómo se notifica a los usuarios cuando se envía un formulario y gestiona los dominios de correo electrónico bloqueados.

• Notificar al titular del contacto: enviar automáticamente una notificación al titular 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.
• Añadir usuarios a notificar: en el menú desplegable, seleccione las casillas de verificación junto a los usuarios o equipos que deben recibir notificaciones cuando se envíe el formulario, independientemente de la titularidad del contacto. Cualquier destinatario establecido en el editor de formularios será sobrescrito por los destinatarios establecidos en el módulo de formularios de las páginas de HubSpot.

• Dominios de correo electrónico a bloquear: introduzca 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, active la casilla Bloquear proveedores de correo electrónico gratuito .

Conecta el formulario a una bandeja de entrada o a un centro de ayuda

En la pestaña «Tickets» , vincula el formulario a una bandeja de entrada o a un centro de ayuda para crear un ticket cada vez que se realice el envío de formularios. 

Para conectar tu formulario a una bandeja de entrada o a un centro de ayuda:

1. Activala opción «Conectar este formulario a una bandeja de entrada o a un centro de ayuda ».

2. En el cuadro de diálogo, haz clic en el menú desplegable y selecciona una bandeja de entrada o un centro de ayuda; a continuación, haz clic en «Conectar».

Configurar los ajustes de idioma y traducción

En la pestaña «Idioma & Región» , configura el idioma predeterminado y gestiona las traducciones generadas por IA para tu formulario. 

• Idioma principal: haz clic en el menú desplegable y selecciona un idioma predeterminado para tu formulario. Los mensajes de error, las etiquetas de las propiedades por defecto, el texto de ayuda, el texto del marcador de posición y los valores por defecto se traducirán a este idioma.
• Volver a traducir el contenido: haz clic en «Volver a traducir ahora» para actualizar la traducción si has modificado el formulario desde la última traducción.

Vista previa de un formulario

Previsualiza un formulario antes de publicarlo para comprobar cómo se verá y cómo funcionará para los visitantes. La vista previa del formulario muestra cómo lo verán los visitantes, incluyendo la navegación por pasos, la lógica condicional y los campos obligatorios. Esto le ayuda a confirmar el diseño, validar la lógica y revisar el flujo de captación de leads sin generar envíos.

Para previsualizar su formulario:

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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 del editor de formularios, haga clic en Vista previa. Por defecto, el formulario se abre en modo de vista previa de escritorio.
4. Para previsualizar el formulario en diferentes tipos de dispositivos, en la parte superior, haga clic en el icono tablet icono de tableta o mobile icono de móvil.
5. Para obtener una vista previa de un paso específico en un formulario de varios pasos, en la parte superior izquierda, haga clic en el menú desplegable Vista previa del paso . A continuación, seleccione el paso que desea ver.

6. Para previsualizar el formulario en una nueva pestaña, en la parte superior derecha, haga clic en Abrir en una nueva pestaña.
7. Para compartir la vista previa con colaboradores, en la parte superior derecha, haga clic en Copiar enlace.
8. Para probar el comportamiento del visitante, complete los campos o avance por los pasos del formulario en el modo de vista previa. Los formularios no pueden enviarse en modo de vista previa y no se recopilan datos de envío.
9. Para volver al editor de formularios, en la parte superior izquierda, haga clic en Salir de la vista previa y, a continuación, continúe editando o publique su formulario.

Nota: si utiliza la simplificación de formularios, la vista previa del formulario sólo mostrará inicialmente el campo Correo electrónico . Una vez que el visitante introduce su dirección de correo electrónico, se comprueban los datos de enriquecimiento para determinar qué campos adicionales deben mostrarse.

Publicar y compartir un formulario

Después de crear un nuevo formulario o de actualizarlo, deberás actualizarlo para que los cambios se apliquen. A continuación, puede insertar el formulario en una página de HubSpot o CTA. Si tienes contenido alojado fuera de HubSpot, puedes copiar el código de inserción del formulario o utilizar el enlace para compartir una página de formulario independiente.

Para publicar y compartir su formulario:

1. En tu cuenta de HubSpot, haz clic en Más y luego ve a Marketing > Formularios. Si Más no aparece en tu cuenta, ve directamente 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. En el panel derecho, en la parte inferior, haga clic en Actualizar. 
5. Para insertar o compartir su formulario, seleccione 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.
     • En la sección Elige entre insertar tu formulario dentro del sitio web o landing page de HubSpot o con CTA de HubSpot , selecciona una opción de contenido. 
     • Haga clic en el menú desplegable y seleccione la página de destino o CTA en la que debe insertarse el formulario.
   • 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 añadir un formulario de HubSpot a un sitio externo.
     • En la parte inferior, 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 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.

Pasos siguientes 

• Analizar los datos del envío de formularios.

• Caso práctico: aumentar las tasas de conversión de los formularios.