> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Degradados en los botones de formularios, encuestas y cuestionarios

> Da a tus botones un fondo degradado lineal, radial o angular sin escribir CSS.

Los botones de tus formularios, encuestas y cuestionarios pueden llevar un fondo degradado en lugar de un solo color plano. Con esto consigues llamadas a la acción más modernas y alineadas con tu marca o con el estilo de tu campaña, directamente desde la configuración del botón y sin escribir CSS.

## Para qué te sirve

* **Más libertad visual:** botones con un aspecto más dinámico que un color sólido.
* **Sin código:** el degradado se configura desde los ajustes del botón.
* **Diseño alineado a tu marca:** mezcla varios colores de tu identidad visual.
* **Varios estilos:** degradado lineal, radial o angular.
* **Control de la mezcla:** agrega y edita varias paradas de color para definir la transición.
* **Tus estilos actuales siguen igual:** los botones con color sólido funcionan como siempre.

## Opciones de fondo del botón

| Opción | Cuándo usarla |
| - | - |
| **Color sólido** | Para un botón limpio y sencillo. |
| **Degradado** | Para que el botón destaque más o combine con una página de diseño más dinámico. |

## Tipos de degradado

| Tipo | Cómo mezcla los colores |
| - | - |
| **Lineal** | En línea recta, de un lado a otro. |
| **Radial** | Desde un punto central hacia afuera. |
| **Angular** | Alrededor de un centro, siguiendo un patrón basado en el ángulo. |

### Ángulo

El ángulo define la dirección del degradado en los tipos que lo admiten. Por ejemplo, un degradado lineal puede ir de izquierda a derecha, de arriba abajo o en diagonal. Ajústalo para que el botón combine con el resto de la página.

### Paradas de color

Las paradas definen qué colores forman el degradado y en qué punto aparece cada uno. Con ellas puedes:

* Agregar dos o más colores al fondo del botón.
* Controlar cuánto protagonismo tiene cada color.
* Crear transiciones más suaves o más marcadas.
* Reproducir con precisión las combinaciones de colores de tu marca.

## Cómo aplicar un degradado a un botón

**1. Abre el constructor**

Abre el formulario, la encuesta o el cuestionario que quieres editar.

**2. Selecciona el botón**

Haz clic en el botón que quieres personalizar para que aparezcan sus ajustes de estilo.

**3. Ve al fondo del botón**

En los ajustes de estilo del botón, busca la sección **Fondo del botón**.

**4. Elige Degradado**

Cambia de **Color sólido** a **Degradado** y selecciona el tipo: lineal, radial o angular.

**5. Configura colores y ángulo**

Agrega o edita las paradas de color. Si el tipo elegido lo permite, ajusta el ángulo.

**6. Revisa y guarda**

Usa la vista previa para comprobar cómo se ve el botón y después guarda o publica los cambios.

> [!TIP]
>
> Comprueba que el texto del botón se lea bien sobre todos los colores del degradado. Si una zona queda muy clara o muy oscura, acerca los tonos o cambia el color del texto.

## Preguntas frecuentes

> **¿Puedo seguir usando un color sólido?**
>
> Sí. Puedes elegir entre color sólido y degradado en cada botón.

> **¿En qué constructores está disponible?**
>
> En el constructor de formularios, de encuestas y de cuestionarios.

> **¿Necesito CSS personalizado?**
>
> No para los degradados estándar. El CSS personalizado solo tiene sentido para estilos avanzados que no estén en los controles integrados.

> **¿Puedo usar más de dos colores?**
>
> Sí. Puedes agregar y editar varias paradas de color.

> **¿Cambiarán mis botones actuales?**
>
> No. Tus botones siguen con su estilo actual hasta que tú los cambies a degradado.

## Artículos relacionados

> **[Formularios, encuestas y QR](https://help.chateea.com/docs/sitios/introduccion-2.md)**
>
> Conceptos básicos de formularios y encuestas.

> **[Colores de marca en formularios y encuestas](https://help.chateea.com/docs/marketing/colores-de-marca-en-formularios-y-encuestas.md)**
>
> Usa los colores de tu tablero de marca.

> **[Degradados y desenfoque de fondo](https://help.chateea.com/docs/sitios/degradados-y-desenfoque-de-fondo.md)**
>
> Aplica degradados a secciones, filas y columnas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.