Wix Formularios: diseñar los formularios de tu sitio
4 min de lectura
Diseña tu formulario para añadir un toque individual a la experiencia de los visitantes. Personaliza el color del fondo, cambia el texto de los botones o ajusta las sombras y los bordes para darle vida al formulario.
Nota:
En la actualidad, el diseño de formularios solo está disponible para los formularios del sitio. Para los formularios independientes, puedes administrar los campos del formulario, pero no se actualiza su diseño.
![Captura de pantalla del formulario de contacto con campos personalizados de color lila.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/11/20/135637ae-f44b-4a54-ac1b-d1cfd9994c83/d1ca164d-c014-4411-a81c-4b682da5a3d4.png)
¿Cómo sé si estoy usando la versión antigua de Wix Formularios o la nueva?
Este artículo te ayudará a comprender las diferencias entre la antigua y la nueva versión de Wix Formularios.
Para diseñar los formularios de tu sitio:
Versión nueva
Versión antigua
- Selecciona el formulario correspondiente en tu página.
- Haz clic en Ajustes.
- Haz clic en la pestaña Diseño.
- Personaliza el diseño del formulario con las opciones disponibles:
- Fondo del formulario: elige el color del fondo del formulario, así como el color y el ancho del borde.
- Campos del formulario: selecciona un estilo para los campos del formulario y personaliza la opacidad, la fuente, el tamaño de la fuente, etc.
Consejo: Puedes diseñar cómo aparecen los campos en los diferentes estados: Normal, Efecto cursor y Error. - Encabezado y párrafo: elige una fuente y un color para el texto del formulario.
- Botones: diseña los botones del formulario, incluido cómo aparecen al pasar el cursor (por ejemplo, botón Enviar, botón Siguiente, etc.)
![Captura de pantalla de la pestaña Diseño de un formulario con las opciones de color de los botones seleccionadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/09/24/9d3bdb2f-5708-4e14-8239-dea43beac24c/fed3ac2c-79b6-49b4-82ab-a7b11f29ff53.png)