Editor visual: primeiros passos para montar a sua loja
Conheça o Editor visual: escolha a página, clique nos blocos, mude textos, imagens e cores vendo a loja como o cliente vê, e publique quando estiver pronto.
Neste artigo
O Editor visual é onde você monta o visual da loja. Ele mostra a sua loja de verdade, do jeito que o cliente vê, e deixa você trocar textos, imagens, cores e a ordem das partes da página. Cada parte da página é um bloco. Tudo o que você muda fica guardado como rascunho e só aparece para os clientes quando você clica em Publicar.
- Use o editor no computador: a tela tem uma barra lateral e a prévia da loja lado a lado.
- Cadastre alguns produtos e categorias antes. Assim os blocos de produtos já aparecem preenchidos.
Como abrir o editor
No menu do painel, vá em . Ele também abre pelo botão Abrir o editor visual da tela . O editor ocupa a tela inteira; para sair, clique na seta no alto da barra lateral (Voltar ao painel).
123456- 1Escolha a página da loja que quer editar.
- 2Abas Blocos, Adicionar, Estilo e Histórico.
- 3Veja a loja no computador, no tablet ou no celular.
- 4Situação do rascunho: salvo sozinho a cada mudança.
- 5Prévia da loja: clique em um bloco para editar.
- 6Publicar leva as mudanças para os clientes.
As partes do editor
- Escolha a página. No campo Página, escolha o que quer editar: Página inicial, Lista de produtos, Página do produto, Carrinho ou Checkout. O Cabeçalho e o Rodapé aparecem junto em todas, porque valem para a loja inteira.
- Use as abas da barra lateral. Blocos mostra a lista de blocos da página, na ordem em que aparecem. Adicionar abre a biblioteca de blocos novos. Estilo muda cores, fontes, botões e cantos da loja inteira. Histórico guarda as versões já publicadas.
- Confira em vários aparelhos. Os botões no alto da prévia mostram a loja como no computador, no tablet ou no celular.
- Acompanhe o salvamento. Ao lado dos botões aparece a situação: "Salvando…", "Rascunho salvo · ainda não publicado" ou "Tudo publicado". Você não precisa salvar à mão: cada mudança é guardada sozinha no rascunho.
- Publique. Quando gostar do resultado, clique em Publicar. Os clientes passam a ver a loja nova na hora.
Editando um bloco
Clique em um bloco na prévia da loja ou na lista da aba Blocos. A barra lateral passa a mostrar as opções daquele bloco, em duas abas: Conteúdo (textos, imagens, links, quais produtos mostrar) e Estilo (cor de fundo, cor do texto, alinhamento, espaços, animação). A prévia muda enquanto você digita. Para voltar à lista, clique em Blocos, no alto das opções.
1234- 1Volta para a lista de blocos.
- 2Nome do bloco e em que parte da loja ele está.
- 3Conteúdo (textos, imagens, links) e Estilo (cores e espaços).
- 4Mude os campos: a prévia atualiza na hora.
Atalhos do teclado
- Ctrl+Z desfaz e Ctrl+Shift+Z (ou Ctrl+Y) refaz. Os botões de desfazer e refazer também ficam no alto da prévia.
- Ctrl+D duplica o bloco escolhido; Ctrl+C e Ctrl+V copiam e colam.
- Delete exclui o bloco escolhido (o aviso traz a opção "Desfazer") e Esc fecha as opções.
Perguntas frequentes
Mudei algo e o cliente ainda não vê. Por quê?
Porque a mudança está no rascunho. Clique em Publicar. O botão pisca enquanto houver mudança não publicada.
Posso desistir de tudo o que mudei?
Sim. Enquanto houver rascunho, aparece o botão Descartar, que volta todas as páginas para como estão no ar.
O que é o número no rodapé da barra lateral?
É a versão do editor ("Editor Visual Hotel das Lojas v…"). Ela sobe quando o editor ganha recursos novos.