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:
|
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 el panel izquierdo, edita el texto:
-
- En la parte superior derecha, haga clic en Actualizar para publicar las actualizaciones de su formulario
- 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.