Crear formularios (heredados)

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

Nota: se recomienda utilizar el editor de formularios actualizado para crear y gestionar formularios. Este artículo debe utilizarse como referencia únicamente para los formularios existentes creados con el editor heredado.

Comprender las limitaciones y consideraciones

• Asociar un formulario a una Marca sólo puede hacerse al crear el formulario. Para cambiar la Marca de un formulario, tendrá que volver a crear el formulario. Más información sobre cómo asociar un formulario a una marca.
• Las cuentas creadas después del 1 de abril de 2024 sólo pueden crear tickets desde formularios conectados al centro de ayuda.

Crear un formulario heredado

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. En la parte superior derecha, haz clic en Crear formulario.
3. Selecciona Editor de formularios heredados.
4. En la parte superior derecha, haz clic en Siguiente.
5. En el panel izquierdo, seleccione Plantilla en blanco para empezar con un formulario en blanco o una plantilla para empezar 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.
   • Si tienepermisos de acceso a la cuenta , puede seleccionar la plantilla de asistencia para crear tickets a partir de envíos de formularios. Esto conectará el formulario con su bandeja de conversaciones o centro de ayuda, donde su equipo podrá responder a las consultas de los clientes.
6. En la parte superior derecha, haz clic en Comenzar.
7. En la parte superior del editor de formularios, haga clic en el icono edit 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. También puedes añadir áreas de texto enriquecido entre los campos del formulario para añadir texto personalizable, crear encabezados o añadir espaciado a tu formulario.

Si utiliza una casilla de verificación múltiple, una selección por radio, una selección desplegable, una fecha, un archivo subido, un número de teléfono o un campo de suscripción a un blog, obtenga más información sobre las opciones de personalización adicionales disponibles con estos tipos de campo. 

1. 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 cronología de la actividad de los registros asociados.
2. Para crear una nueva propiedad y utilizarla como campo en su formulario, haga clic en la pestañaCrear nuevo.
   • Selecciona el tipo de campo de formulario. 
   • En el panel derecho, ajuste su campo de formulario: 
     • Etiqueta de propiedad: introduce un texto para nombrar la propiedad. 
     • Tipo de objeto: selecciona un tipo de objeto. Puedes añadir los campos Contacto, Empresa, y Objeto personalizado. Las propiedades de los tickets se pueden agregar si la Creación automática de tickets está activada.
     • Marca: seleccione la marca en la que desea crear la Propiedad(sólo en el complemento Brands ). 
     • Grupo: selecciona un grupo de propiedades. 
   • Revisa las opciones de tu propiedad y haz clic en Crear.

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

4. Si has configurado la herramienta de pagos en HubSpot, aprende a cobrar pagos con formularios. Cuando la opción Pago está activada, no se pueden crear tickets desde el mismo formulario. 
5. Para crear un ticket a partir de cada envío de formularios, los superadministradores o los usuarios conpermisos de acceso a cuentas pueden activar el interruptor Creación automática de tickets en la sección Propiedades de ticket . De este modo, conectará el formulario a la bandeja de entrada de sus conversaciones o al servicio de ayuda , donde su equipo podrá responder a las consultas de los clientes. Cuando la opción Creación automática de tickets está activada, no se pueden cobrar pagos desde el mismo formulario. 

Nota: las cuentas creadas después del 1 de abril de 2024 solo pueden crear tickets desde formularios conectados al centro de ayuda.

Gestiona las opciones de tu campo de formulario 

1. En el panel derecho, haz clic en el campo de la vista previa del formulario. 
2. 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, aprenda más sobre las opciones adicionales de personalización de campos disponibles.
   • En la pestaña Básico: 
     
     • Convertir este campo en obligatorio: cuando esta opción está activada, el campo debe completarse para enviar el formulario. Si un campo de formulario se ha establecido como obligatorio, no se puede establecer como oculto. 
     • Hacer que este campo esté oculto: cuando esta opción está activada, el campo no aparecerá en el formulario pero se puede utilizar para pasar valores a las propiedades de contacto para todos los envíos.
     • 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 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.

• 
•  
  
  • En la pestaña Lógica : 
    • Campos progresivos: selecciona la acción que se ejecutará si el campo ha sido enviado previamente. Más información sobre los campos progresivos en los formularios.
    • Campos dependientes: puedes mostrar campos adicionales según las respuestas de los visitantes a un campo anterior. Más información sobre los campos dependientes en los formularios.
      
      

Personalizar las opciones del formulario

En la pestaña Opciones, configure lo que ocurre después de enviar un formulario. Puede configurar las opciones de envío, las notificaciones a los usuarios, el idioma de los mensajes de formulario y de error, etc. Es posible que algunas opciones no se muestren, dependiendo de tu suscripción a HubSpot. 

• Qué debería suceder después de que alguien envíe este formulario: seleccione lo que se muestra después del envío de formularios. 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.
  • Mensaje de agradecimiento: configura un mensaje de agradecimiento para que aparezca después de que se envíe el formulario. 
  • Página de HubSpot o URL externa: redirige a los visitantes a una página diferente después de enviar el formulario. Puedes seleccionar una página publicada de HubSpot o utilizar una URL externa. 
  • Página de programación: si tienes una suscripción a Sales o a Service Hub Enterprise, puedes redirigir a los visitantes a una página de programación de reuniones especificada para reservar una reunión; los campos de formularios enviados se rellenarán automáticamente.
  • Redirigir condicionalmente a una página de programación, página de HubSpot o URL externa: si tienes una suscripción a Sales o Service Hub Enterprise , puedes redirigir a los visitantes a una página de programación de reuniones, página de HubSpot o URL externa especificada. Si rediriges a los usuarios a una página de programación de reuniones, los campos del formulario enviados se rellenarán automáticamente. Aprende a redirigir condicionalmente un formulario a una página de programación de reuniones, una página de HubSpot o una URL externa 
• Personaliza la etapa del ciclo de vida según los envíos: haz clic en el menú desplegable Establecer etapa del ciclo de vida 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.

• 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. Si un contacto no tiene propietario, no se enviará ninguna notificación. Más información sobre la propiedad de objetos en HubSpot. 

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

• Idioma del formulario y del mensaje de error: seleccione el idioma de las etiquetas de los campos por defecto y de los errores que se muestran a los visitantes cuando el formulario se rellena incorrectamente.

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

• • Si nunca has creado una campaña, haz clic en Crear una campaña. Luego, continúa configurando la campaña. 

• 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.
  • Si esta opción está desactivada, HubSpot primero intentará asociar el envío con 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. La opción Rellena previamente los campos de contacto con valores conocidos también se desactivará automáticamente.
• Establece los contactos creados como contactos de marketing: si tu cuenta de HubSpot tiene acceso a los contactos de marketing, puedes establecer automáticamente como de marketing cualquier contacto que haya enviado este formulario. Esto incluirá tanto contactos nuevos como ya existentes.

• 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á activada, los visitantes pueden hacer clic en un enlace ¿No eres tú? Haz clic aquí para restablecer el enlace que reinicia el formulario. Esto también desactivará el seguimiento de cookies en el envío de formularios, lo que evita la sobreescritura de cookies. 
• 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. Más información sobre los campos de formulario rellenados previamente.
  
  

Estilo y vista previa del formulario 

En la pestaña de vista previa Style & , personalice el estilo de su formulario. Una vista preliminar del formulario se actualizará en el panel derecho mientras ajustas los estilos del formulario o pruebas sus características.

Puede personalizar lo siguiente

• Establecer como formulario HTML sin formato: si tienes una suscripción Marketing Hub o Content Hub Pro o Enterprise, puedes seleccionar esta opción para mostrar el formulario como elemento HTML sin formato en lugar de dentro de un iframe. Ten en cuenta lo siguiente:
  • Cualquier estilo de HubSpot configurado en la pestaña Estilo será eliminado.
  • El formulario debe ser estilizado con CSS en su hoja de estilos externa.
• 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 tiene campos progresivos o campos dependientes en este formulario, puede probar cómo aparecerán a sus visitantes.

Utilizar automatizaciones con formularios

Utiliza características 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 con tus formularios. También puede utilizar el envío de formularios como desencadenante de un flujo de trabajo sencillo. Más información sobre cómo utilizar las automatizaciones con la herramienta de formularios. 

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
2. Pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior, haga clic en la pestaña Automatización.
4. En la sección Automatizar lo que sucede después de enviar un formulario, seleccione una de las siguientes opciones :
   • Enviar un correo electrónico tras el envío de formularios: cree un sencillo workflow preconfigurado para enviar un correo electrónico de seguimiento tras el envío del formulario. 

• • Cree su propio workflow sencillo: cree un workflow sencillo y añada las acciones de seguimiento que prefiera.
    
    

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, añádelo a tu contenido de HubSpot, utiliza el código de inserción del formulario para añadirlo a una página externa o compártelo como una página independiente con un enlace para compartir. 

1. En tu cuenta de HubSpot, dirígete a Marketing > Formularios.

2. Pase el ratón por encima de un formulario existente y haga clic en Editar.
3. En la parte superior derecha, haz clic en Actualizar para publicar las actualizaciones de tu formulario.

No se puede cancelar la publicación de los formularios. 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.