A sua loja agora pode ter a cara da sua marca. Na nova tela Loja › Aparência você escolhe um tema pronto, as cores, a fonte, o jeito que os produtos aparecem na vitrine, o topo e o rodapé — e vê tudo acontecer na sua loja de verdade, antes de qualquer cliente ver.

Neste tutorial você vai aprender, passo a passo, a usar cada opção. Leva uns 10 minutos, e nada muda na sua loja até você clicar em Publicar.

Antes de começar: rascunho e publicação

Tudo o que você mexe em Aparência fica guardado num rascunho. O rascunho é salvo sozinho a cada mudança — não existe botão de salvar e você não perde nada se fechar a tela.

• Rascunho não publicado (selo amarelo no alto da tela): você mudou algo que o cliente ainda não vê.
• Publicado (selo verde): o que está na tela é exatamente o que está na loja.

Quem compra só vê as mudanças depois que você clica em Publicar. Então pode testar à vontade.

Passo 1 — Abra a tela de Aparência

1. Entre no painel.
2. No menu lateral, no grupo Loja, clique em Aparência.

A tela tem duas partes: à esquerda ficam as opções, em três abas (Estilo, Vitrine e Topo e rodapé); à direita fica a prévia, que é a sua loja de verdade mostrando o rascunho.

Use os botões Celular e Computador em cima da prévia para ver como a loja fica em cada aparelho. A maioria dos seus clientes compra pelo celular, então confira sempre as duas.

Só o dono da loja e os administradores veem essa tela. Quem é da equipe como vendedor não mexe na aparência.

Passo 2 — Escolha um tema pronto (aba Estilo)

O tema é o ponto de partida: ele define as cores, a fonte e o formato de uma vez só. Clique em um e veja a prévia mudar na hora.

• Claro — fundo branco e limpo, a foto do produto em primeiro lugar. Serve para quase tudo.
• Suave — fundo cinza bem claro com os produtos em cartões brancos.
• Grafite, Noite e Escuro — versões escuras, do cinza ao preto total. Bons para marcas noturnas e fotos com fundo escuro.
• Moda — visual de revista: fundo off-white, títulos com fonte elegante e foto em formato retrato.
• Atacado — mais produtos por linha, foto quadrada e azul que passa confiança. Ideal para quem vende em grade.
• Natural — tons de terra e verde, para cosméticos, casa e artesanato.
• Vibrante — rosa forte e cantos redondos, para moda jovem, acessórios e beleza.

Importante: trocar de tema desfaz os ajustes de cor, fonte e formato que você tinha feito. Por isso, escolha o tema primeiro e ajuste os detalhes depois.

Sua loja já existia antes da Aparência? Ela abre com o tema equivalente ao que você usava — "Branco" virou Claro, "Cinza" virou Grafite, e assim por diante. Nada mudou sem você pedir.

Passo 3 — Coloque as cores da sua marca

No cartão Cores você troca cinco cores. Cada uma começa como "do tema"; é só clicar no quadrado colorido ou digitar o código (por exemplo, #e11d48) para usar a sua.

• Cor principal — botões de comprar, destaques e a barra de aviso. Normalmente é a cor da sua logo.
• Cor de destaque — preço promocional e selos de oferta. Um vermelho ou laranja chama atenção.
• Fundo da página — ao trocar o fundo, o sistema ajusta sozinho os cartões, as bordas e o texto secundário para combinar.
• Texto — títulos, nomes de produto e preços.
• Fundo do topo — o texto do topo muda sozinho para ficar legível.

Mudou de ideia? Clique em Usar a do tema ao lado da cor.

Se aparecer um aviso amarelo embaixo das cores, leia: ele avisa quando uma combinação fica difícil de ler (texto claro em fundo claro, por exemplo) ou quando o botão de comprar quase some no fundo. Você pode salvar mesmo assim, mas vale ajustar — loja difícil de ler vende menos.

Passo 4 — Escolha a fonte

No cartão Tipografia cada opção mostra um exemplo com título e preço, na própria fonte. São pares escolhidos para ler bem no celular:

• Inter e Plus Jakarta Sans — modernas e neutras.
• Playfair Display + Inter e Cormorant + Montserrat — elegantes, com títulos serifados. Ótimas para moda e joias.
• Poppins + Open Sans e Rubik + Nunito Sans — amigáveis e comerciais.
• Syne + Manrope — ousada, para marcas criativas.
• Fonte do aparelho — a mais leve de todas, não baixa nada.

A loja só carrega a fonte que você escolheu, então a escolha não deixa o site mais lento.

Passo 5 — Ajuste o formato

No cartão Formato:

• Cantos — de Retos a Bem redondos. Vale para as fotos, os cartões e os campos.
• Botões — Preenchido (cor cheia), Contorno (só a borda) ou Pílula (totalmente arredondado).

Passo 6 — Monte a vitrine (aba Vitrine)

Grade de produtos

• No celular — 1 ou 2 produtos por linha. Com 2, o cliente vê mais produtos; com 1, a foto aparece maior.
• No computador — 3, 4 ou 5 por linha. Quem tem muitos produtos costuma preferir 4 ou 5.
• Formato da foto — Quadrada, Retrato 4:5 ou Retrato 3:4. Para roupa fotografada no corpo, o retrato mostra a peça inteira.
• Encaixe da foto — Preencher ocupa todo o espaço e pode cortar as bordas; Inteira mostra a foto sem cortar. Se as suas fotos têm tamanhos diferentes, use Inteira.
• Moldura do produto — sem moldura, com borda ou com sombra.

Na vitrine

• Botão de comprar no produto — ligado, o cliente compra direto da vitrine. Desligado, ele toca na foto para ver o produto e escolher o tamanho antes. Para quem vende com grade de tamanhos, desligar costuma evitar erro de pedido.
• Ordem dos produtos — mais recentes, mais antigos, maior preço, menor preço ou nome de A a Z. A nova ordem vale na loja quando você publicar. Os produtos marcados como destaque continuam aparecendo primeiro.

Selo "Novo"

Ligue o Selo "Novo" para mostrar uma etiqueta no canto da foto dos produtos cadastrados há pouco tempo. Em Conta como novo por você escolhe o prazo: 7, 15, 30, 60 ou 90 dias. Quando o prazo passa, o selo some sozinho.

Faixa de informações

São os botões que aparecem acima dos produtos — Formas de pagamento, Formas de envio, Informações importantes e Localização. Quando o cliente toca em um, abre o texto que você escreveu.

• Escreva cada aviso no campo correspondente. Aviso em branco não aparece.
• Pode usar várias linhas; elas aparecem do jeito que você digitou.
• Desligue Mostrar a faixa para esconder todos de uma vez.

Esses avisos ficavam antes em Configurações › Avançado. Os textos que você já tinha vieram junto — não precisa digitar de novo.

Passo 7 — Topo e rodapé

Barra de aviso

Uma linha fina no alto de todas as páginas, na cor principal. Perfeita para "Frete grátis acima de R$ 299", prazo de envio ou um cupom. Ligue Mostrar a barra de aviso, escreva o texto e, se quiser, coloque um link (começando com https://).

Topo

• Posição do logo — centralizado ou à esquerda.
• Tamanho do logo — pequeno, médio ou grande.
• Categorias — numa barra abaixo do topo (sempre à vista) ou só no menu (topo mais limpo).
• Banner — em largura total, contido (com margens e cantos) ou não mostrar. As imagens do banner continuam em Loja › Banners.
• Topo fixo ao rolar — a busca e a sacola ficam sempre à mão enquanto o cliente desce a página.

Novidades e Promoções no menu

Dois atalhos que aparecem ao lado de "Tudo", no menu de categorias:

• "Novidades" — mostra os produtos cadastrados dentro do prazo do selo "Novo" (aquele que você escolheu na aba Vitrine). Se não houver nenhum produto novo no prazo, a loja mostra todos os produtos, do mais novo para o mais antigo, com um aviso.
• "Promoções" — mostra só as promoções que estão valendo: preço promocional menor que o preço normal e dentro das datas da oferta. Promoção vencida não entra. Sem nenhuma promoção no momento, a loja mostra os produtos normalmente, com um aviso.

Rodapé

• Redes sociais, Formas de pagamento e Endereço da loja — ligue o que fizer sentido para você. As redes e o endereço vêm de Configurações.
• Texto do rodapé — CNPJ, horário de atendimento, política de trocas.

Passo 8 — Publique

1. Confira a prévia no Celular e no Computador.
2. Clique em Publicar, no alto da tela.
3. Pronto: o selo muda para Publicado e a sua loja já está com a cara nova. Use Ver loja publicada para conferir.

Se arrepender é fácil

• Descartar rascunho — joga fora tudo o que você mexeu desde a última publicação e volta ao que está na loja. O botão pede um segundo clique para confirmar.
• Histórico — guarda as suas 30 últimas publicações, com data e quem publicou. Clique em Restaurar numa versão antiga para trazê-la de volta como rascunho; ela só vale na loja depois que você publicar de novo.

Receitas prontas

• Loja de moda feminina: tema Moda, foto Retrato 3:4, 2 por linha no celular, selo "Novo" em 30 dias e "Novidades" no menu.
• Atacado com grade: tema Atacado, 5 por linha no computador, botão de comprar no produto desligado (o cliente escolhe a grade na página do produto) e a faixa de informações com o pedido mínimo e as formas de envio.
• Loja com muitas ofertas: cor de destaque bem viva, barra de aviso com o cupom da semana e "Promoções" no menu.

Perguntas frequentes

Mexi na aparência e a minha loja não mudou. Por quê?
Você está vendo o rascunho. Clique em Publicar.

Outra pessoa da equipe pode estragar a minha aparência?
Só o dono e os administradores abrem a tela. E, se duas pessoas mexerem ao mesmo tempo, o sistema avisa em vez de uma apagar o trabalho da outra.

Onde foi parar o "CSS personalizado"?
Ele saiu. As opções da Aparência cobrem o que se fazia com CSS, sem risco de quebrar a loja.

O selo "Novo" não aparece em produto nenhum.
Confira se ele está ligado e se o prazo não é curto demais. Lembre também que produtos sem foto não aparecem na vitrine quando a opção "Mostrar produtos sem foto" (em Configurações) está desligada.

Ficou alguma dúvida? Fale com o nosso suporte — e conte o que faria diferença na sua loja. A tela já mostra, com o selo sugestão, as próximas ideias que estamos avaliando.