Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Personalizar el diseño de los campos de tu formulario

Última actualización: febrero 21, 2025

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes

Aprende a personalizar el diseño y la estructura de tus formularios. Puedes añadir contenido entre los campos del formulario y personalizar el orden de los mismos.

Agregar contenido entre campos de formulario

Puedes añadir texto, enlaces e imágenes entre los campos de tu formulario de HubSpot insertando un elemento de área de texto enriquecido.

  • En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
  • Pase el ratón por encima de su formulario y haga clic en Editar, o cree un nuevo formulario.
  • Si utilizas el editor de formularios actualizado
    • En la parte superior izquierda, haga clic en el icono + añadir.
    • En el panel izquierdo, haga clic en Otros
    • Haga clic y arrastre el tipo de campo Párrafo (RichText ) a la vista previa del formulario de la derecha para incluirlo en su formulario.
    • En el panel izquierdo, haga clic en Editar en la vista ampliada
      • Utiliza la barra de herramientas para personalizar el contenido formateando el texto o añadiendo enlaces e imágenes.
      • Cuando haya terminado, haga clic en Volver al formulario
    • En la parte superior derecha, haga clic en Revisar y actualizar para publicar las actualizaciones de su formulario.
  • Si utiliza un formulario heredado: 
    • Haz clic en la pestaña Crear nuevo del panel izquierdo. 
    • En la pestaña Crear nuevo del panel izquierdo, haz clic y arrastra el elemento Párrafo (RichText) entre los campos de formulario deseados.
       
 
    • En el panel derecho, haz clic en el elemento del área de texto enriquecido .
    • En el panel izquierdo, edita el texto:
      • Utiliza la barra de herramientas para personalizar el contenido formateando el texto o añadiendo enlaces e imágenes.
      • Para vincular o desvincular el texto enriquecidode los campos existentes, haga clic en Desvincular texto enriquecido del campo de entrada
    • En la parte superior derecha, haga clic en Actualizar para publicar las actualizaciones de su formulario

Cambia el orden de las opciones en el campo de un formulario

Si utiliza un campo de formulario con varias opciones, como una propiedad de selección desplegable, puede reordenar las opciones. Más información sobre las opciones disponibles.

  • En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
  • Pase el ratón por encima de su formulario y haga clic en Editar, o cree un nuevo formulario.
  • En el panel derecho, haz clic en el campo para cambiar el orden de sus opciones.
  • En el panel izquierdo, en la sección Opciones de campo, haga clic en las líneas de puntos dragHandle situadas a la izquierda de una opción de campo y, a continuación, haga clic y arrastre la opción a la posición deseada.
  • Para ordenar las opciones alfabéticamente, haga clic en sortAlpAsc Ordenar.
  • En la parte superior derecha, haga clic en Revisar y actualizar para publicar las actualizaciones de su formulario.

 

Organiza campos de formulario uno al lado del otro

Puedes colocar un máximo de tres campos uno al lado del otro en un formulario.

  • En tu cuenta de HubSpot, dirígete a Marketing > Formularios.
  • Pase el ratón por encima de su formulario y haga clic en Editar, o cree un nuevo formulario.
  • Si utiliza el editor de formularios actualizado, haga clic y arrastre el campo del formulario para ver las opciones de colocación.
  • Si utiliza el antiguo editor de formularios, mantenga pulsadas las líneas de puntos situadas a la izquierda de un campo para ver las opciones de colocación.
  • Para colocarlo junto a un campo de una línea, arrástralo a uno de los espacios disponibles en esa línea.
  • En la parte superior derecha, haga clic en Revisar y actualizar para publicar las actualizaciones de su formulario.

Nota: los campos progresivos ( sóloMarketing Hub Pro o Enterprise ) no pueden aplicarse a un campo de formulario individual en una fila. Cuando hagas que un campo individual sea progresivo, todos los demás campos de la misma fila pasarán a serlo automáticamente.

 

 

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.