A aparência da loja é editada em Customização. A pré-visualização ao lado mostra a sua loja com os seus produtos e muda na hora, no computador ou no celular. Nada vai para os clientes antes de você clicar em Salvar.

O que dá para editar#

Aba	O que muda
Cores	Paleta de containers, textos, bordas e botões.
Tipografia	Fonte de títulos e de texto, tamanhos, peso e espaçamento.
Forma	Raio dos cantos, estilo dos cartões (sólido, contorno, vidro ou sombra) e dos botões (quadrado, arredondado ou pílula, com gradiente e sombra).
Cabeçalho	Tamanho e posição do logo, nome da loja, busca, cabeçalho fixo, transparente no topo e links do menu.
Banner	Nenhum, imagem ou imagem com texto. Título, subtítulo, botão, alinhamento, altura, sobreposição e carrossel de até 5 imagens.
Início	Quais seções aparecem na página inicial e em que ordem.
Cartões	Colunas no computador e no celular, proporção da imagem, o que mostrar e compra rápida.
Produto	Vendidos, estoque e selos de confiança da página do produto.
Rodapé	Texto, colunas de links, formas de pagamento e redes sociais.
Fundo	Padrão da loja, sólido, gradiente, orbs animados, aurora, grade ou imagem, com escurecer, vinheta e grão.
Animações	Revelação ao rolar, hover de cartões e botões, entrada de página e detalhes.
Avisos	Barras no topo do site, com link e cores próprias.
Neve	Partículas no cabeçalho. Funciona com qualquer fundo.

Página inicial#

Na aba Início, arraste uma seção pela alça para mudar a ordem e use a chave para ligar ou desligar. Clique no nome para editar o título e o conteúdo.

Seção	Observação
Banner	O conteúdo fica na aba Banner. Sem imagem escolhida, usa o banner das configurações da loja.
Categorias	Aparece com duas ou mais categorias com imagem.
Destaques	Produtos marcados como destaque.
Produtos	Uma seção por categoria, com o nome dela. O título editável vale para os produtos sem categoria.
Avaliações	Só avaliações aprovadas de verdade. Sem nenhuma, a seção não aparece.
Por que comprar	Até 6 cartões com ícone, título e texto.
Perguntas frequentes	Até 20 perguntas com resposta.
Texto livre	Título e texto simples.

Compra rápida#

Ligada em Cartões, coloca um botão de carrinho ao lado de Ver Detalhes. Ele adiciona o produto sem abrir a página. Produto com opções ou com campo obrigatório continua indo para a página dele, onde o cliente escolhe o que falta.

Animações#

A loja já nasce com revelação ao rolar, hover nos cartões e nos botões, entrada de página e carrinho que reage ao adicionar. Cada uma pode ser ajustada ou desligada na aba Animações.

Quem configurou o aparelho para reduzir movimento não vê nenhuma delas, e a loja continua igual. Sem JavaScript, todo o conteúdo aparece normalmente.

Regras que valem sempre#

A cor é sempre hexadecimal, como #00b2ff.
Link é https://... ou um caminho da própria loja, como /categories.
Todo texto aparece como texto: HTML escrito num campo não é interpretado.
O editor avisa quando a cor do fundo deixa o texto difícil de ler.
Com Tema personalizado desativado, a loja volta à aparência padrão. O que você configurou fica guardado.
Tema padrão apaga a paleta, a aparência da vitrine, o CSS, o JavaScript, os avisos e a neve. Não dá para desfazer.

O checkout tem um editor próprio: mudar a vitrine não muda a tela de pagamento.

Personalizar a loja