Como personalizar a loja

Na tela Personalizar Loja você vê como a loja aparece para os clientes e abre o editor visual, onde muda cores, fontes, logo, cabeçalho, rodapé e as seções da página inicial. Tudo o que você altera fica guardado como rascunho e só vai para a loja quando você clica em Publicar. A tela é do administrador; outros usuários só a veem se tiverem um papel com a permissão Conteúdo da loja.

O que aparece na tela

• Uma prévia da loja no computador e no celular, lado a lado. Em telas pequenas aparece só a do computador.
• Um selo de status: Tudo publicado só quando nenhuma página tem nada pendente (página inicial, de produto, de categoria e seções de um produto). Se qualquer uma tiver mudanças no rascunho, aparece Alterações não publicadas.
• Ver loja: abre a loja em outra aba, do jeito que os clientes veem agora.
• Agendar / teste A/B: programa a publicação para uma data ou compara duas versões da página inicial.
• Editar tema: abre o editor visual em tela cheia.

Passo a passo

1. 1

   Abra a tela

   No menu lateral, clique em Personalizar Loja e confira na prévia como a loja está hoje.

2. 2

   Entre no editor

   Clique em Editar tema. O editor tem três partes: a barra lateral com a estrutura da página, a pré-visualização no meio e o painel de edição à direita.

3. 3

   Escolha a página

   No topo, o seletor mostra a página em edição. Comece por Início, a página inicial. Também dá para editar a Página de Produto e a Página de Categoria.

4. 4

   Clique no que quer mudar

   Na barra lateral, clique em Cabeçalho, numa seção do grupo Modelo, em Rodapé ou num item do grupo Configurações. As opções abrem no painel da direita. Você também pode clicar direto numa seção da pré-visualização.

5. 5

   Acompanhe o rascunho

   Cada mudança é salva sozinha como rascunho em menos de um segundo. No topo aparece salvando… e depois salvo, e o selo muda para Não publicado.

6. 6

   Publique

   Quando estiver tudo certo, clique em Publicar, no canto superior direito. Ele publica a página aberta e as configurações gerais, como cores, cabeçalho e rodapé. Aparece a mensagem Loja publicada! e os clientes passam a ver a nova versão. Se outra página ainda tiver mudanças, a mensagem é Página publicada! e lista as que faltam.

7. 7

   Confira as outras páginas

   Se você mexeu em outra página e ainda não publicou, aparece ao lado do Publicar um aviso amarelo, como 1 outra página ou 2 outras páginas. Clique nele para ver a lista, use Abrir para ir até cada uma ou Publicar todas as páginas para colocar tudo no ar de uma vez.

Como o editor é organizado

• Cabeçalho: modelo do topo da loja, logo, busca, menu, barra de promoções e comportamento ao rolar.
• Modelo: as seções da página, como banners, vitrines de produtos, categorias, depoimentos e vídeos. É aqui que fica o link Adicionar seção.
• Rodapé: modelo do rodapé, contatos, redes sociais, políticas e selos.
• Configurações: cores e fontes do tema, Cards de produto, Decorações flutuantes e CSS personalizado.

Botões da barra superior

• O primeiro ícone à esquerda é Sair do editor e volta para a tela Personalizar loja.
• Copiloto e Gerar com IA editam a loja por conversa ou montam a página com inteligência artificial.
• Desktop e Mobile trocam a pré-visualização entre computador e celular.
• Ver pré-visualização em tela cheia mostra a loja ocupando a tela toda. Aperte Esc ou clique em Sair para voltar.
• Mais opções (os três pontinhos) tem Abrir loja, Salvar rascunho, Agendar / teste A/B e Descartar alterações.

Editando pelo celular

No celular, o editor mostra uma parte por vez. No pé da tela fica a barra Editar / Ver prévia. Em Editar você vê a lista de seções e o painel de edição. Em Ver prévia a pré-visualização da loja ocupa a tela. Tocar numa seção da prévia volta para Editar com aquela seção já aberta.