A área grande no meio do construtor é uma pré-visualização ao vivo da página que está a editar. Os botões da barra superior mudam a forma como a vê.
Computador, Móvel e Ecrã inteiro
Os botões de vista ficam no início da barra superior:
- Computador: mostra a página tal como aparece num computador.
- Móvel: mostra a página com a largura de um telemóvel. Verifique-a com frequência, porque a maioria dos clientes usa o telemóvel.
- Ecrã inteiro: oculta o painel de configurações para a pré-visualização ocupar toda a largura. Para sair, clique em Computador ou Móvel, clique num separador da barra lateral esquerda ou selecione uma secção com o Inspetor.
Só aparecem os botões que cabem na janela. Numa janela pequena, Ecrã inteiro ou Computador podem desaparecer, e se só couber uma vista, os botões ficam ocultos. Alargue a janela para os voltar a ver. O construtor lembra-se da sua vista enquanto o separador do navegador estiver aberto. Depois de recarregar, o Ecrã inteiro abre como Computador.
Modo Inspetor
O Inspetor é o ícone de cursor na barra superior. Está ativo quando abre o construtor.
- Enquanto está ativo, passar o rato sobre a pré-visualização contorna a secção ou o bloco por baixo. Clicar seleciona-o e abre as suas configurações no painel, e a sua linha abre-se no separador Secções.
- Enquanto está ativo, a pré-visualização não reage como uma loja real: links, botões e carrosséis não funcionam, porque o seu clique serve para selecionar.
- Clique de novo no ícone para o desativar. A pré-visualização passa a funcionar como a sua loja, e pode testar menus, carrosséis, a gaveta do carrinho e formulários.
O assistente de IA também o pode ativar ou desativar por si. Veja Ações do assistente de IA no construtor.
O botão Pré-visualização
O botão Pré-visualização (ícone de olho, ao lado de Publicar) abre a página em que está na sua loja real, num novo separador.
- Mostra a versão publicada. As alterações que ainda não publicou só existem no construtor, por isso clique primeiro em Publicar. Veja Publicar as alterações do construtor.
- Nas páginas Produto, Destino, Coleção e Política, abre o produto, a coleção ou a política que escolheu no construtor. Funciona mesmo que esse item ainda não esteja publicado, mas só para si.
- Fica oculto nas páginas Finalizar e Obrigado, porque essas páginas precisam de um carrinho ou de um pedido reais.
- Se o separador da pré-visualização já estiver aberto, recarregue-o depois de publicar para ver a nova versão.
Construtor claro ou escuro
Alternar tema (o ícone da lua) muda o próprio construtor entre o modo claro e o escuro. Não altera a sua loja.
Num telemóvel ou tablet
Num ecrã estreito, o painel de configurações fica por cima da pré-visualização. Arraste a pega para baixo para ver mais da pré-visualização, e arraste-a para cima ou toque nela para voltar às configurações.
Antes de publicar
- Mude para Móvel e percorra a página toda.
- Confirme que o texto se lê bem em cada fundo.
- Desative o Inspetor e clique nos botões e nos links do menu para ver para onde levam.