Designer de loja

1. Salvar e publicar

   Publica suas alterações de todas as abas de uma vez; até então, elas existem apenas neste editor e sua prévia. Banners, imagens de marca carregadas e conjuntos de design aplicados são armazenados imediatamente. O ícone de recarregar mais à esquerda apenas recarrega a prévia.

2. Cabeçalho e Rodapé

   Escolha os estilos de cabeçalho e rodapé, o estilo do menu de categorias e se os itens do menu devem mostrar ícones ou imagens, os ícones do cabeçalho (conta, lista de desejos, carrinho), logotipos de pagamento no rodapé e ocultar qualquer uma das barras no desktop ou mobile. Os links do menu são editados em Aparência › Menu do Cabeçalho, perguntas frequentes em Aparência › FAQ.

3. Reverter design salvo

   Retorna sua loja ao design salvo anteriormente após sua confirmação; pressione novamente para refazer. Está desativado quando não há design salvo anteriormente.

4. Desfazer

   Volta através de suas edições não salvas, até 60 passos. Ctrl+Z ou Cmd+Z faz o mesmo quando você não está digitando em um campo.

5. Assistente de compras

   Configure o chat do assistente em sua loja: ative-o, dê um título, saudação e exemplos de inícios, escolha suas cores ou logotipo, e limite a certas categorias (deixe vazio para pesquisar todo o catálogo). Sem o módulo de Assistente de IA em seu plano, ele permanece oculto.

6. Designer de loja

   Construa sua loja online pública aqui. O centro é uma pré-visualização ao vivo; todas as suas ferramentas estão no trilho à direita. Vamos explorar cada uma.

7. Pré-visualização ao vivo

   Esta é sua loja real, atualizando instantaneamente enquanto você edita. Clique em uma seção aqui na pré-visualização para ir direto para suas configurações.

8. Desktop / móvel

   Alterne a pré-visualização entre um computador e um telefone para garantir que sua loja fique ótima em ambos.

9. Sua caixa de ferramentas

   Esses ícones à direita são suas ferramentas de design. Vamos passar por cada uma agora — um 💎 significa que precisa de um plano superior.

10. Estrutura

    Adicione, remova e reordene as seções da sua página inicial — banner principal, produtos em destaque, categorias, blocos de texto e mais. Arraste para reordenar; desative uma seção para ocultá-la sem excluir.

11. Design

    Escolha um layout pronto (“skin”) para sua loja, ou aplique um layout de página de destino completo com um clique — a maneira mais rápida para um visual profissional.

12. Tema

    O visual da sua loja: cores, fontes, estilo dos botões e arredondamento dos cantos. Comece com um predefinido, depois ajuste cada detalhe para combinar com sua marca.

13. Banners

    Gerencie as imagens promocionais — o herói e os grids de banners. Carregue imagens, adicione um título e um link para que os clientes possam clicar direto para um produto ou coleção.

14. Assistente de IA

    Deixe a IA preencher sua loja com conteúdo — títulos de seções, descrições de produtos e um layout inicial — com base no que você vende. Um grande economizador de tempo quando você está começando.

15. Marca e PWA

    Seu logo, favicon e o ícone do app e cores usadas quando um cliente adiciona sua loja à tela inicial do telefone. Isso é o que faz sua loja parecer com sua marca.

16. O painel de configurações

    Qualquer ferramenta que você escolher no trilho abre seus controles aqui. Altere um valor e a pré-visualização atualiza instantaneamente — depois não esqueça de Salvar.

17. Página do produto

    Ajuste cada página de produto: estilo do seletor de variantes (botões ou dropdown), layout da galeria de fotos (miniaturas abaixo ou à esquerda), quais seções mostrar (avaliações, relacionados, especificações), selos de confiança, urgência de baixo estoque e compartilhamento social. A visualização muda para um produto real para que você veja as alterações ao vivo.