> ## 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).

# Como fazer EFEITO DEGRADÊ de CORES em um BOTÃO do site

Para criar um efeito **degradê de cores em um botão** de sua página, siga os passos abaixo: 

1. Acesse o seu editor de páginas; 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_14jhi0b.png =650x385)

2. No menu lateral, clique em **Guia de estilos** localizado no campo esquerdo da tela e clique em "**Adicionar**" na seção **Cores salvas**; 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_1vs7m3e.png =650x671)

3. No menu que abrir, dê um nome a sua **cor**, e clique onde está o código **HEX** da cor; 

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

4. No próximo menu clique em **"Gradiente"** e estilize da maneira que desejar;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_1ugk4h1.png =650x495)

6. Em seguida, você vai precisar clicar em **"Editar**" no botão desejado e localizar a seção "**Cor do botão**". Nesse novo menu que aparecer, descendo a tela aparecerá as suas cores salvas, selecione a que desejar;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_stiyhr.png =650x661)

8. Após isso, seu botão ficará assim:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_1dty7oh.png =650x427)

Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar. :-D  
|||