Como personalizar a loja virtual sem deixar ela confusa
Personalizar não é encher de cor e efeito. É fazer o cliente entender em segundos o que você vende, confiar e achar o botão de comprar. Este guia mostra o que mexer primeiro, em qualquer plataforma.
Teste de 7 dias com acesso PRO · sem cartão de crédito
- Vale para qualquer loja
- Sem precisar de designer
Coleção de verão
Ver coleçãoVestido midi
R$ 149,90
Bolsa de palha
R$ 89,90
Coleção de verão
Ver coleçãoVestido midi
R$ 149,90
Bolsa de palha
R$ 89,90
Sandália
R$ 119,90
Coleção de verão
Ver coleçãoVestido midi
R$ 149,90
Bolsa de palha
R$ 89,90
Coleção de verão
Ver coleçãoVestido midi
R$ 149,90
Bolsa de palha
R$ 89,90
Para personalizar a loja virtual, comece pela cara da marca em três palavras e escolha uma cor de destaque só, usada nos botões e nas etiquetas. Use no máximo duas fontes, deixe o texto escuro sobre fundo claro (ou o contrário), padronize as fotos dos produtos e faça banners com uma mensagem e um botão. Organize a página inicial na ordem da compra: banner, categorias, produtos e prova de quem comprou. Por fim, confira tudo no celular, que é onde chega quem vem do Instagram e do WhatsApp. Na Sellit, isso se faz no Sellit Studio, vendo a loja de verdade, sem código.
Por que tanta loja personalizada parece amadora
Quase sempre é excesso, não falta.
Cor demais
Cada botão de uma cor, banner colorido, etiqueta de outra. O olho não sabe onde clicar, e o botão de comprar some.
Letra difícil
Fonte decorativa no texto, letra clara sobre fundo claro. Bonito no computador, ilegível no celular ao sol.
Foto sem padrão
Uma foto no sofá, outra na mesa, outra com flash. A loja inteira parece bazar, mesmo com produto bom.
Defina a cara da marca antes de abrir o editor
Três palavras resolvem metade das escolhas que vêm depois.
Escreva três palavras que descrevem a sua loja do jeito que o cliente deveria sentir. "Limpa, moderna, direta" pede fundo branco e letra simples. "Delicada, clássica, especial" pede tons suaves e letra com serifa. "Jovem, rápida, ousada" pede contraste forte e cantos arredondados.
Depois pense em quem compra. Loja de semijoia para presente e loja de tênis para adolescente não podem ter a mesma cara, mesmo vendendo pelo mesmo preço.
Coleção nova
Amarelo sobre amarelo
Coleção nova
Texto escuro sobre claro
Uma cor de destaque e duas fontes. Só isso
A cor de destaque é a cor do "clique aqui". Se ela aparece em tudo, deixa de destacar.
Cor
- Escolha UMA cor de destaque e use nos botões, no preço em oferta e nas etiquetas.
- O resto da loja fica neutro: branco, creme, cinza ou preto.
- Texto precisa de contraste com o fundo. A regra de acessibilidade pede pelo menos 4,5 para 1 no texto comum: na prática, letra escura sobre fundo claro, ou clara sobre fundo escuro.
O contraste mínimo de 4,5:1 para texto comum é o critério 1.4.3 da WCAG 2.1.[1]
Fonte
- Uma fonte para os títulos e outra para o texto. Pode até ser a mesma.
- Fonte decorativa só no título. No preço, na descrição e no botão, letra simples.
Drop de sexta 🔥
Vestido midi
R$ 149,90
+Bolsa de palha
R$ 89,90
+Sandália
R$ 119,90
+Brinco dourado
R$ 39,90
+Página inicial na ordem da compra, e o celular primeiro
O cliente rola de cima para baixo procurando três coisas: o que é, se tem o que ele quer e se pode confiar.
- No topo: logo, busca e as categorias principais. Nada de menu com 15 itens.
- Banner com a novidade ou a oferta do momento.
- Categorias com foto, para quem chegou sem saber o que procurar.
- Produtos: os mais vendidos ou as ofertas primeiro.
- Prova: avaliações de quem comprou e as formas de pagamento.
- Rodapé com contato, troca e devolução e redes sociais.
Depois de mexer, abra a loja no seu celular, fora do Wi-Fi, como um cliente faria. Se o botão de comprar não aparece sem rolar muito, ainda tem coisa demais em cima.
O que costuma funcionar e o erro mais comum
Seis escolhas que mudam o jeito como o cliente vê a loja.
| O que costuma funcionar | O erro mais comum | |
|---|---|---|
| Cores | Uma cor de destaque, o resto neutro | Uma cor diferente em cada parte |
| Fontes | Até duas, decorativa só no título | Fonte enfeitada no preço e na descrição |
| Contraste | Texto escuro sobre fundo claro, ou o contrário | Cinza claro sobre branco |
| Banner | Uma mensagem e um botão | Texto longo escrito dentro da imagem |
| Fotos | Mesmo fundo e mesma luz | Cada foto num lugar da casa |
| Onde conferir | No celular, fora do Wi-Fi | Só na tela grande do computador |
Personalizar a loja em 7 passos
- 1
Escreva três palavras
A sensação que a loja deve passar e quem é o cliente.
- 2
Escolha a cor de destaque
Uma só, para botões, preço em oferta e etiquetas.
- 3
Escolha as fontes
Uma para títulos, outra para o texto. Letra simples no preço.
- 4
Padronize as fotos
Mesmo fundo, mesma luz, mesmo formato.
- 5
Refaça os banners
Uma mensagem, um botão para a categoria certa.
- 6
Organize a página inicial
Banner, categorias, mais vendidos, avaliações e rodapé com contato.
- 7
Teste no celular
Fora do Wi-Fi, como cliente. Ajuste o que empurrar o botão de comprar.
Na Sellit, você personaliza vendo a loja de verdade
São dois lugares, dentro de Minha Loja.
- Personalização (em Aparência), em todos os planos: cor de destaque, fundo da loja e banners. A quantidade de banners muda com o plano.
- Sellit Studio, no computador: 4 temas prontos (Minimalista, Marketplace, Elegante e Jovem) e as abas Estilo, Página inicial e Peças, com a loja aberta ao lado e o modo Celular.
- O Studio tem 60 fontes, cantos, formato dos botões, arranjo do cabeçalho, card de produto, rodapé e a ordem da página inicial.
- Quando a cor escolhida deixa algum texto difícil de ler, o Studio avisa no topo do editor.
- Nada muda para o cliente até você tocar em Publicar na loja.
No START (R$ 39,90 por mês no anual) você vê como fica no Studio, sem salvar. O PRO (R$ 97,90 por mês no anual) publica o estilo e 12 peças, e o FULL (R$ 197 por mês no anual), todas as 77 escolhas.
Claro / escuro
Cor de destaque
Fonte dos títulos
Cantos
Formato dos botões
Coleção de verão
Ver coleçãoVestido midi
R$ 149,90
Bolsa de palha
R$ 89,90
Sandália
R$ 119,90
Brinco dourado
R$ 39,90
Página inicial · a sua loja, de verdade
Cor de destaque, fundo e banners ficam na Personalização, em todos os planos. No Sellit Studio, o START (R$ 39,90 por mês no anual) vê como fica sem salvar, o PRO (R$ 97,90 por mês no anual) publica o estilo e 12 peças e o FULL (R$ 197 por mês no anual) publica todas as 77 escolhas.
Para quem este guia serve — e para quem não serve
Faz sentido para
- Quem acabou de abrir a loja virtual e não sabe por onde começar o visual.
- Quem acha a própria loja "estranha" e não sabe dizer por quê.
- Quem vai trocar de tema e quer acertar de primeira.
- Quem não tem designer e quer um caminho simples.
Não resolve para
- Quem procura um manual de identidade visual completa, com logo e papelaria: aqui é só a loja virtual.
- Quem quer desenhar a loja do zero, com código próprio: o guia fala de escolhas que qualquer editor visual oferece.
- Quem precisa que alguém faça por você: na Sellit, quem monta o visual é o próprio lojista, no Studio.
Perguntas frequentes
- Por onde começo a personalizar a loja virtual?
- Pela cara da marca, em três palavras, e pela cor de destaque. Com essas duas decisões, fonte, banner e fotos ficam mais fáceis de escolher.
- Quantas cores devo usar na loja?
- Uma cor de destaque, para botões e ofertas, e o resto neutro. Mais cores tiram o destaque do botão de comprar.
- Quantas fontes usar?
- No máximo duas: uma para títulos e outra para o texto. Fonte decorativa só no título, nunca no preço ou na descrição.
- Como saber se o texto está legível?
- Letra escura sobre fundo claro, ou clara sobre fundo escuro. A regra de acessibilidade da WCAG pede contraste de pelo menos 4,5 para 1 no texto comum. No Sellit Studio, o editor avisa quando algum texto fica difícil de ler.
- Qual o tamanho certo do banner?
- Depende da plataforma. O que vale sempre é conferir no celular: se o banner empurra os produtos para fora da primeira tela, está alto demais. No Studio, a altura do banner tem uma escolha para o computador e outra para o celular.
- O que colocar na página inicial?
- Na ordem da compra: logo, busca e categorias no topo, banner da novidade, categorias com foto, mais vendidos ou ofertas, avaliações e um rodapé com contato e troca.
- Preciso de um designer para personalizar a loja?
- Não para o básico. Seguindo uma cor, duas fontes, fotos padronizadas e banners simples, a loja já fica com cara profissional. Um designer ajuda mais no logo e na identidade da marca.
- Como personalizar a loja na Sellit?
- Cor de destaque, fundo e banners ficam em Minha Loja › Aparência, na Personalização. Para mexer em fonte, cabeçalho, cards, rodapé e ordem da página inicial, use o Sellit Studio, no computador.
Continue por aqui
Sellit Studio
O editor da Sellit para mudar o visual vendo a loja de verdade.
Editor de loja virtual
O Sellit Studio: estilo, página inicial e as peças da loja, vendo na hora.
Temas para loja virtual
Os 4 temas prontos da Sellit, para começar com um visual pronto.
Fotos de produto com IA
Fundo e luz padronizados nas fotos, a partir da foto do celular.
Tutorial: personalização da loja
Cor, fundo e banners na Aparência, com as telas.
Por que minha loja virtual não vende
A lista do que conferir quando a visita chega e a venda não.
Fontes
- [1] W3C: WCAG 2.1, critério 1.4.3 (contraste mínimo) , consultado em 29/10/2026
Personalize vendo como fica
Na Sellit, a sua loja aparece inteira enquanto você escolhe cor, fonte e cabeçalho. Nada vai ao ar antes de você publicar.
Conteúdo revisado em 29/10/2026