Como mudar as cores, as fontes e o favicon da loja

As cores e a fonte do tema valem para a loja inteira: botões, títulos, textos e fundo. Mudando aqui, todas as seções acompanham. É o jeito mais rápido de deixar a loja com a cara da sua marca. A tarefa é do administrador ou de quem tem a permissão Conteúdo da loja.

Passo a passo

1. 1

   Abra o editor

   Vá em Personalizar Loja e clique em Editar tema.

2. 2

   Abra as configurações do tema

   No grupo Configurações da barra lateral, clique no primeiro item, o das cores e fontes do tema. O painel da direita abre na aba Tema.

3. 3

   Escolha as cores

   Clique no quadradinho de cor de cada campo ou digite o código, como #1A1A1A. O botão limpar apaga a cor escolhida.

4. 4

   Escolha a fonte

   No campo Fonte, escolha a fonte dos textos da loja.

5. 5

   Ajuste os cantos

   Em Arredondamento (px), use 0 para cantos retos e até 32 para cantos bem redondos.

6. 6

   Publique

   Confira na pré-visualização e clique em Publicar.

O que cada cor muda

• Cor primária: botões, destaques e a cor de vários elementos da marca.
• Texto sobre a primária: a cor do texto que fica em cima da cor primária, como o texto dos botões. Escolha uma cor que contraste.
• Fundo da loja: a cor de fundo das páginas.
• Cor do texto: a cor dos textos principais.
• Texto secundário: textos de apoio, como descrições curtas.
• Destaque: uma segunda cor para chamar atenção.

Favicon, o ícone da aba

Na mesma aba Tema fica o campo Favicon. Envie uma imagem quadrada pelo Upload ou escolha na Galeria. Vazio, a loja mantém o favicon atual: o de Configurações > Personalização, aba Imagens, campo Favicon ou, se ele também estiver vazio, o Logo dessa mesma aba. Se você definir um ícone em Configurações > SEO e compartilhamento, o de lá tem prioridade sobre todos.

As outras abas do mesmo painel (Cabeçalho, Rodapé, Produto, Cards e Decorações) têm tutoriais próprios. Se quiser que a IA escolha a paleta e a fonte por você, veja como gerar a página inicial com IA.