> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Cómo hacer un EFECTO DEGRADADO de COLORES en un BOTÓN del sitio

Para crear un efecto **degradado de colores en un botón** de tu página, sigue los pasos a continuación:

1. Accede a tu editor de páginas;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/botao-editar-design_10015u2.png)

2. En el menú lateral, haz clic en **Guia de estilos** ubicado en el campo izquierdo de la pantalla y haz clic en "**Adicionar**" en la sección **Cores salvas**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao1_5n6v8j.png)

3. En el menú que se abra, dale un nombre a tu **color**, y haz clic donde está el código **HEX** del color;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao2_1t5gacv.png)

4. En el siguiente menú haz clic en **"Gradiente"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao3_pj2qi8.png)

5. Luego, **estiliza** de la manera que desees;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/botaodfegradeextra_jadorz.png)

6. Luego, vas a necesitar hacer clic en "E**ditar**" en el botón deseado y localizar la sección "**Cor do botão**";

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao4_1q2ptk6.png)

7. En ese nuevo menú que aparezca, bajando la pantalla aparecerán tus colores guardados, selecciona el que desees;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao5_9arw67.png)

8. Después de eso, tu botón quedará así:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/degradebotao6_172gdgo.png)

¿Te quedó alguna duda? ¡Habla con nuestro equipo en el Chat! Siempre estamos listos para ayudarte. :-D