O que é a personalização de aparência
A personalização de aparência é o conjunto de escolhas visuais que transformam a vitrine padrão da Hyper em uma loja que parece única. Isso inclui o tema, a paleta de cores, a tipografia, a logo, os banners e a organização das seções que aparecem na página inicial.Para que serve
Uma loja bem personalizada transmite confiança, reforça a identidade da marca e ajuda o cliente a reconhecer seus produtos. Cores consistentes, imagens de qualidade e uma navegação clara aumentam as chances de o visitante se tornar comprador.Como fazer
Escolher um tema
1
Abra a área de aparência
No painel da sua loja, acesse a seção de temas ou aparência. Os nomes exatos das opções podem variar conforme a versão do painel e o plano contratado.
2
Navegue pelos temas disponíveis
Visualize a prévia de cada tema. Preste atenção na disposição dos produtos, no tamanho das imagens e na forma como o menu fica organizado.
3
Aplique o tema escolhido
Confirme a aplicação e aguarde a atualização. A mudança costuma ser imediata, mas pode levar alguns minutos para aparecer em todos os dispositivos.
Temas diferentes podem exibir banners, imagens e organização de seções de formas distintas. Escolha um que valorize o tipo de produto que você vende.
Ajustar cores e fontes
1
Entre nas configurações de estilo
Dentro da área de aparência, procure por cores, estilo ou personalização visual.
2
Defina a paleta principal
Escolha uma cor que represente sua marca para botões, links e destaques. Use uma cor secundária para contrastes sutis.
3
Selecione a fonte
Escolha uma fonte legível em celulares. Evite fontes muito decoradas em textos longos.
4
Salve e visualize
Abra sua loja em uma aba anônima do navegador para ver como ficou para quem não está logado.
Trocar a logo
1
Prepare a imagem
Use um arquivo PNG ou JPG com fundo transparente ou branco, se possível. A largura ideal varia por tema, mas em geral algo entre 200 e 400 pixels funciona bem.
2
Envie no painel
Na área de aparência, procure por logo ou identidade visual e faça o upload da imagem.
3
Verifique em telas pequenas
Abra sua loja no celular e confira se a logo não fica cortada ou muito pequena.
Organizar seções da vitrine
1
Abra o editor de seções
No painel, procure por seções da página inicial, blocos ou vitrine.
2
Adicione ou reordene blocos
Arraste ou selecione quais seções aparecem: banner principal, coleções em destaque, produtos novos, depoimentos, newsletter, entre outras disponíveis no seu tema.
3
Configure cada bloco
Escolha qual coleção ou produto cada seção exibe. Salve após cada alteração.
Usar banners e imagens
1
Crie imagens no tamanho certo
Verifique as dimensões recomendadas pelo tema. Banners muito pesados deixam a loja lenta; prefira arquivos abaixo de 200 KB quando possível.
2
Mantenha a consistência visual
Use a mesma paleta de cores nas imagens, na logo e nos botões. Isso cria uma experiência unida para o cliente.
3
Adicione texto alternativo
Sempre que o painel permitir, preencha o texto alternativo (alt text) das imagens. Isso melhora a acessibilidade e o SEO.
Os nomes exatos das opções no painel podem variar conforme a versão da plataforma e o plano contratado.
O que acontece depois
As alterações de aparência são aplicadas na vitrine pública assim que você salva. Clientes que já estavam navegando na sua loja podem precisar atualizar a página para ver as mudanças. Nenhuma alteração afeta produtos, preços ou pedidos.Problemas comuns
As cores não aparecem como eu escolhi
As cores não aparecem como eu escolhi
Limpe o cache do navegador e atualize a página. Se o problema persistir, verifique se salvou as alterações no painel.
A logo ficou borrada ou cortada
A logo ficou borrada ou cortada
Envie uma imagem maior e com proporções diferentes. Teste em celular e em computador.
Uma seção sumiu da vitrine
Uma seção sumiu da vitrine
Verifique se a seção ainda está ativada no editor de seções. Alguns temas exigem que haja produtos ou coleções cadastradas para exibir determinados blocos.
Quando pedir ajuda
Se alguma opção de personalização não aparece no seu painel, pode ser que ela esteja disponível apenas em planos superiores. Em caso de dúvida, fale pelo chat do painel ou abra uma solicitação pela Central de ajuda.Publicar e conferir
Saiba como testar sua loja em diferentes dispositivos antes de divulgar.
Como funciona uma loja
Entenda o funcionamento geral da sua loja na Hyper.
Hyper AI
Conheça a assistente de IA que ajuda a criar descrições e sugerir melhorias.
Canais de atendimento
Encontre o canal certo para tirar dúvidas sobre personalização.