⏱️ Tempo estimado: 5 minutos
Nível: ⭐☆☆☆☆ (Iniciante)
Antes de começar, você precisa:
Ter acesso ao painel da Loja Integrada
Introdução
No tema padrão da Loja Integrada, é você quem define as cores, a fonte e a exibição de produtos da sua loja diretamente no editor Visual. Você também pode ajustar como o botão de compra e os preços aparecem na página de produto, deixando a loja mais alinhada à sua identidade visual e à sua estratégia de vendas.
O editor de tema é onde você faz essas configurações.
Acessando o editor de tema
01 - Acesse Personalize sua loja > Visual da loja.
02 - Visualize na tela central como o tema está configurado atualmente.
💡 Dica: use os ícones na parte superior para alternar a visualização entre desktop, tablet e celular. Vale conferir como as mudanças aparecem em cada dispositivo antes de publicar.
Definindo o estilo do tema
03 - Na lateral direita, clique em Estilo do tema.
04 - Defina as cores do tema:
Cor principal: aparece nos botões de ação, links e elementos de destaque
Cor secundária: complementa a principal em detalhes visuais
❗ Importante: o tema cria automaticamente variações de tom das cores escolhidas para harmonizar os elementos. Você define as cores base e o sistema cuida do resto.
05 - Defina a fonte do tema.
Configurando a página de produto
06 - Ainda no menu lateral, clique em Página de Produto.
07 - Escolha se deseja exibir o campo de quantidade para adição ao carrinho.
08 - Edite o texto do botão de compra. O padrão é "Adicionar ao carrinho", mas você pode usar algo que faça mais sentido para o seu público, como "Comprar agora" ou "Quero este".
09 - Defina qual valor aparece em destaque no produto: preço cheio, preço à vista ou parcelas disponíveis.
💡 Dica: pense na sua estratégia de vendas. Se você trabalha com parcelamento atrativo, destacar as parcelas pode ajudar. Se o diferencial é o desconto à vista, faz sentido colocar esse valor em evidência.
Configurando a página inicial
10 - Ainda no menu lateral, clique em Página Inicial.
11 - Ative ou desative a exibição de:
Produtos em destaque
Produtos mais recentes
Produtos mais vendidos
Salvando as alterações
12 - Acompanhe o preview sendo atualizado automaticamente na tela central conforme você aplica as mudanças.
13 - Quando estiver satisfeito com o resultado, clique em Salvar alterações para publicar.
⚠️ Atenção: as mudanças só ficam visíveis para seus clientes após clicar em Salvar alterações.
Dúvidas Frequentes
As cores que eu escolher vão ficar exatamente como eu defini?
Sim, as cores principais e secundárias são aplicadas conforme você escolhe. O tema apenas cria variações de tom dessas mesmas cores para manter a harmonia visual.
Posso voltar às cores que foram definidas antes?
Não há um botão de "restaurar padrão". Se quiser voltar a uma configuração anterior, você precisa ajustar as cores manualmente.
As mudanças afetam todas as páginas da loja?
Sim. As cores do tema e configurações gerais são aplicadas em toda a loja.
Consigo ver como fica no celular antes de salvar?
Sim. Use os ícones de visualização na parte superior do editor para alternar entre desktop, tablet e celular antes de publicar.
Resumo dos passos principais
Acesse Personalize sua loja > Visual da loja e visualize o tema atual
Em Estilo do tema, defina a cor principal, a cor secundária e a fonte
Em Página de Produto, ajuste o campo de quantidade, o texto do botão de compra e o valor em destaque
Em Página Inicial, ative ou desative a exibição de produtos em destaque, recentes e mais vendidos
Clique em Salvar alterações para publicar
Pronto! As configurações do tema foram atualizadas e já estão disponíveis para os seus clientes.
#tema #visual #cores #configuracao #loja #iniciante