Blocos do editor: adicionar, mover, ocultar e excluir
Aprenda a pôr blocos novos na página, mudar a ordem arrastando, duplicar, ocultar e excluir, e entenda as partes fixas da loja.
Neste artigo
Cada página da loja é feita de blocos empilhados: um carrossel de banners, uma vitrine de produtos, um texto, um vídeo, perguntas frequentes e assim por diante. No editor você escolhe quais blocos aparecem, em que ordem e com que conteúdo. Este artigo mostra como adicionar, mover, duplicar, ocultar e excluir blocos.
Adicionar um bloco
- Abra a aba Adicionar. Na barra lateral, clique em Adicionar. Aparecem as seções prontas e os blocos, separados em grupos: Estrutura, Conteúdo, Produtos e Loja.
- Procure o bloco. Use o campo Buscar bloco… para achar pelo nome (por exemplo, "vídeo" ou "perguntas").
- Ponha na página. Arraste o bloco para o ponto da prévia onde ele deve ficar: uma linha "Soltar aqui" mostra o lugar. Ou apenas clique no bloco para colocá-lo no fim da página.
- Preencha. As opções do bloco novo abrem sozinhas. Troque os textos de exemplo, as imagens e os links.
123- 1Clique em Adicionar.
- 2Busque o bloco pelo nome.
- 3Seções prontas: vários blocos de uma vez.
Blocos disponíveis
- Estrutura: Seção com colunas (de 1 a 6 colunas, cada uma com os seus próprios blocos).
- Conteúdo: Título e texto, Banner com texto, Imagem, Botão, Vídeo, Vantagens, Destaques, Código HTML, Espaço, Imagem e texto lado a lado, Mosaico de imagens, Perguntas frequentes, Depoimentos, Logos e selos, Instagram e Carrossel de banners.
- Produtos: Vitrine de produtos, Oferta relâmpago, Produtos em abas, Foto com produtos marcados, Categorias e Produtos por categoria.
- Loja: Posts do blog, Avaliações de clientes, Cadastro de e-mail, Pop-up e Tabela (medidas e especificações).
Mudar a ordem, duplicar e ocultar
Na aba Blocos, cada linha tem uma alça para arrastar e botões que aparecem ao passar o mouse:
123456- 1Segure a alça e arraste para mudar a ordem.
- 2Ocultar ou mostrar o bloco.
- 3Duplicar o bloco logo abaixo.
- 4Excluir (dá para desfazer).
- 5Cadeado: parte fixa da loja, não sai.
- 6Adicionar um bloco nesta parte.
- Arrastar: segure a alça e solte o bloco em outra posição. Na prévia, também dá para pegar o próprio bloco e soltar entre outros ou dentro de uma coluna.
- Olho (Ocultar): o bloco some para os clientes, mas continua guardado. Clique de novo para mostrar.
- Copiar e Duplicar: duplicar cria uma cópia logo abaixo; copiar guarda o bloco para colar em outra página.
- Lixeira (Excluir): tira o bloco. O aviso que aparece embaixo tem o botão Desfazer.
A barra do bloco na prévia e o botão direito
Ao clicar em um bloco na prévia, ele ganha um contorno com uma pequena barra: arrastar, editar opções, subir, descer, duplicar, ocultar e excluir. O botão + embaixo do contorno adiciona um bloco logo abaixo. Com o botão direito do mouse sobre um bloco abre um menu com mais opções: Editar, Copiar, Duplicar, Colar abaixo, Copiar estilo, Colar estilo, Adicionar bloco acima, Adicionar bloco abaixo, Subir, Descer, Ocultar, Salvar como seção e Excluir.
123- 1Bloco escolhido, com contorno.
- 2Barra rápida: arrastar, editar, subir, descer, duplicar, ocultar, excluir.
- 3Botão direito: copiar, colar, estilo, adicionar acima ou abaixo e mais.
Partes fixas da loja
Algumas partes fazem a loja funcionar e têm um cadeado na lista: Topo da loja, Rodapé da loja, Lista de produtos e filtros, Fotos e compra do produto, Carrinho e Checkout. Elas recebem opções e você pode pôr blocos antes ou depois delas, mas não pode excluí-las. "Descrição, avaliações e perguntas" e "Produtos relacionados", na página do produto, podem ser ocultadas.
Perguntas frequentes
Apareceu "Este bloco não pode ir nessa parte da loja".
Partes fixas e a Seção com colunas não entram dentro de uma coluna. Solte o bloco fora da seção.
Excluí sem querer. E agora?
Clique em Desfazer no aviso ou use Ctrl+Z. Se já publicou, use a aba Histórico.