Sua loja é montada com blocos e editada ao vivo, sobre a loja real, com prévia instantânea. Tudo o que antes se configurava pelo painel agora vive dentro do editor.
Passo a passo
- Toque no botão EDITAR LOJA, no canto superior direito do painel. Sua loja abre em uma aba nova, com o painel do editor por cima.
- Escolha um dos três grupos na parte de cima do painel: Estilo, Conteúdo ou Telas.
- Toque na seção que quer editar. As mudanças aparecem na loja na hora, ainda sem publicar.
- Toque em Salvar. Só então os seus compradores as veem.
Os três grupos
Estilo
- Designs prontos: combinações completas feitas por designers. Você escolhe uma e a loja inteira muda de uma vez. São 39, entre eles Clásico, Minimal, Editorial, Bento, Lujo, Brutalist, Y2K, Eco, Magazine, Quiet luxury, Hype, Viral, Technical, Apothecary, Cottagecore, Resale, Academia, Coastal, Chrome, Noir, Coquette, Boho, Art déco, Solarpunk, Storyteller, Boutique, Marketplace, Drop shop, Atelier, Pop-up, Mayorista, Café, Galería, Distribuidor, Reposición, Club privado, Lookbook, Fiesta e Outlet.
- Paleta e tipografias: as cores e as letras da sua loja, ajustáveis uma a uma, com buscador de fontes por estilo.
- Forma: o arredondamento dos cantos em botões, cartões e campos de toda a loja.
Conteúdo
As seções são: Marca, Início, Páginas, Catálogo e acesso, Categorias, Imagens de produtos, Conexão ERP, Sincronização ERP, Impostos e preços, Pagamentos e envios, Modo Pro, Legal, Contato, Mensagens, Assinantes, E-mails, Suporte, Em construção, Menu, Marketing, Marketing Kit e Benefícios.
Não existe uma seção chamada Banner. O banner é um bloco que se acrescenta dentro da capa.
Telas
É o mapa da sua loja: cada tela com o design atual. Você toca em uma para trocar a variante ou personalizá-la. São quinze: Cabeçalho, Navegação, Rodapé, Cartão, Filtros, Produto, Benefícios, Carrinho, Checkout, Confirmação, Login, Minha conta, Detalhe do pedido, Catálogo privado e Página 404.
O início não está nessa lista e não tem variantes de design: é uma página de blocos que você mesmo monta.
Onde os blocos são adicionados
É a pergunta mais repetida sobre o editor. Os blocos da capa ficam em Conteúdo → Páginas → Início. "Início" é a primeira linha fixa da lista de páginas. Você entra ali e adiciona, ordena e configura os blocos.
Existem 27 tipos de bloco:
| Bloco | Para que serve |
|---|---|
| Banner / carrossel | A capa com fotos ou vídeos, com vários slides |
| Hero (capa) | Uma capa de uma imagem só, com título |
| Carrossel de produtos | Uma fileira de produtos que desliza |
| Grade de produtos | Produtos em grade |
| Mural de produtos | Produtos em mosaico estilo Pinterest |
| Feed de produtos | Listagem contínua de produtos |
| Produto em destaque | Um produto sozinho, em tamanho grande |
| Destaques (bento) | Vários produtos em uma grade irregular |
| Categorias | Atalhos para as categorias |
| Categorias cinemáticas | Categorias em tela cheia |
| Comprar por cor | Atalhos por cor |
| Promoção | Uma faixa promocional |
| Manifesto | Uma faixa de texto grande |
| Bloco editorial | Uma citação em destaque |
| Texto | Texto livre |
| Imagem + texto | Uma imagem ao lado de um texto |
| Galeria | Várias fotos |
| Foto com pontos | Uma foto com produtos marcados em cima |
| Vídeo | Um vídeo |
| Depoimentos | Opiniões de clientes |
| Perguntas frequentes | Perguntas e respostas retráteis |
| Benefícios / garantias | Os selos de confiança |
| Newsletter | Captura de assinantes |
| Contato | Uma chamada para entrarem em contato |
| Formulário de contato | O formulário completo |
| Pontos de venda | O mapa dos seus pontos de venda |
| Divisor | Uma linha ou espaço entre blocos |
Mostrar alguns produtos escolhidos, sem montar uma categoria
Os blocos de produtos não mostram obrigatoriamente o catálogo inteiro. Na configuração do bloco, o campo de origem tem três opções: todo o catálogo, uma categoria, ou Produtos escolhidos. Com "Produtos escolhidos" você monta a lista na mão e define a ordem dela.
É essa a forma de colocar os mais vendidos primeiro na capa, ou de destacar um conjunto de produtos sem ter que juntá-los em uma categoria: você adiciona um Carrossel de produtos com origem manual e o sobe para o primeiro lugar do Início.
O menu da loja
Em Conteúdo → Menu você escolhe quais categorias aparecem na navegação e adiciona links próprios. Cada item pode ser de cinco tipos:
- Categoria
- Catálogo: abre o catálogo completo, com todas as categorias.
- Página: uma das suas páginas próprias.
- Produto
- Link: um endereço qualquer. Tem o campo Endereço (URL) e a opção Abrir em uma nova aba.
Os itens aceitam subitens aninhados, ícone, rótulo próprio e visibilidade conforme o idioma ou conforme o visitante estar logado.
O mega menu não é ativado aqui: ele é uma variante da tela Navegação, no grupo Telas.
Ver a loja como um comprador a vê
O editor tem uma linha própria abaixo do botão Salvar, com duas opções: Anônimo e Cliente. Com "Cliente" você escolhe também qual lista de preços ver. É a forma de conferir como ficam o catálogo, os preços e o formulário de cadastro para quem ainda não tem conta.
Enquanto você está nesse modo, a loja avisa que o carrinho e o checkout são de exemplo e que nenhum pedido real é criado.
Visão de celular e tablet
Acima do painel há três botões com ícones de monitor, tablet e celular. Eles mudam o tamanho da prévia sem sair do editor. A loja é exibida em uma moldura do tamanho do dispositivo escolhido.
Desfazer e voltar a uma versão anterior
- Desfazer e Refazer ficam no painel, para as mudanças da sessão atual.
- Cada salvamento fica no Histórico de alterações. Se algo quebrar, você volta a uma versão anterior com um clique.
Se o editor avisar que o design está perto do limite de tamanho, encurte textos ou remova blocos antes de salvar.
Salvar e fechar
O botão Salvar publica as mudanças. Se duas pessoas editam ao mesmo tempo, o sistema avisa e deixa você carregar o que a outra pessoa salvou ou sobrescrever.
O editor é minimizado, não fechado: fica uma pastilha flutuante para reabri-lo sem perder a sessão.
O que se configura dentro do editor e já não no painel
Várias telas do painel sumiram do menu lateral porque o conteúdo delas mudou para cá: impostos, métodos de pagamento e envio, mínimos de pedido, selo Data Fiscal, pixels de marketing, chat e formulário de contato, botão personalizado, páginas personalizadas e o design completo da loja.
Se você vem da versão anterior: o logo, os banners, o nome, a descrição como slogan, as redes sociais e os links do rodapé foram transferidos sozinhos. As cores, as tipografias e a grade não são herdadas, porque a identidade visual é definida do zero em Paleta e tipografias.
Se algo não aparece
- Você não consegue entrar no editor: é preciso ser administrador do negócio ou um gerente com a permissão de design habilitada. Se você não tem, a loja avisa "Você não tem permissão para editar a loja". A permissão se habilita no menu lateral, em Configuração → Gerentes, dentro do grupo de permissões Loja.
- Você não acha onde adicionar blocos: eles não ficam soltos em Conteúdo. Entre em Conteúdo → Páginas e toque na linha Início.
- Você procura a seção Banner e ela não está lá: o banner é um bloco da capa, adicionado pelo Início.
- Você procura o grupo "Página": ele se chama Telas.
- Você salvou e a loja não mudou: recarregue a aba da loja. O editor mostra a mudança ao vivo, mas uma aba antiga aberta à parte continua com a versão anterior.