> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/variaveis-globais/alterando-a-cor-dos-icones-em-sua-loja-virtual.md).

# Alterando a cor dos ícones em sua Loja Virtual

Neste tutorial você irá descobrir sobre como alterar a cor dos botões da sua loja virtual de forma rápida e didática.&#x20;

Vamos lá?&#x20;

1- O primeiro passo é clicar em **Personalização** >> **Variáveis Globais**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F0fxNMfa1gtdEZwiNkIg0%2Fprint-personalizar-variaveis-globais-painel.png?alt=media&amp;token=ca600db8-0546-44fe-977f-52052547dc70" alt=""><figcaption></figcaption></figure>

2- Em seguida, procure pelo campo **CMS\_BOTOES**, e clique no botão **Variáveis**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FckA2fFQQNKdHOSIyxgAr%2Fprint-painel-cms-botoes-variaveis.png?alt=media&amp;token=cbf85c91-0a30-420b-88bd-0b4fc1b273cf" alt=""><figcaption></figcaption></figure>

3- Após isso, você poderá escolher qual o botão que você deseja alterar a cor e clique no botão de **Editar**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FESjXCYeCK7Ix0O43GUDW%2Fprint-editar-botao-cor.png?alt=media&amp;token=62ea3b1a-57dc-412e-994c-10c1964a8919" alt=""><figcaption></figcaption></figure>

4- Por fim, clique sobre o campo **Cor** e selecione qual a cor você deseja utilizar em seu botão. Após isso, basta clicar sobre o botão **Atualizar**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F5eQNFB8VpaJzNg2SUBvy%2Fprint-painel-cores-editar.png?alt=media&amp;token=b6dcb661-12ef-4a3e-8b62-707fb8a20341" alt=""><figcaption></figcaption></figure>

Ficou com alguma dúvida? Entre em contato com o nosso suporte via chat online.
