How to create a COLOR GRADIENT EFFECT on a site BUTTON

To create a color gradient effect on a button of your page, follow the steps below:

1. Access your page editor;

2. In the side menu, click on Guia de estilos located on the left side of the screen and click on "Adicionar" in the Cores salvas section;

3. In the menu that opens, give your color a name, and click where the HEX code of the color is;

4. In the next menu click on "Gradiente";

5. Then, style it however you like;

6. Next, you will need to click on "Editar" on the desired button and find the "Cor do botão" section;

7. In this new menu that appears, scrolling down the screen your saved colors will show up, select the one you want;

8. After that, your button will look like this:

Still have questions? Reach out to our team on Chat! We're always happy to help.

Updated on: 08/01/2026