Ver o site na prévia antes de publicar

O que a prévia mostra

A prévia fica à direita do chat, na aba Prévia. Ela mostra a versão atual do projeto, inclusive as mudanças que ainda não foram publicadas. Os visitantes só veem o que você publicar.

Na prévia o site funciona de verdade: links, menus e botões respondem ao clique. Nos projetos em código com banco de dados, a prévia usa os dados reais do projeto, então o que você cadastrar enquanto testa fica salvo.

Tamanhos de tela

Os botões de computador, tablet e celular, no topo do editor, mudam a largura da prévia:

O site reage à largura como num aparelho de verdade: no tamanho de celular você vê o layout de celular, não uma versão encolhida do de computador. Recarregar prévia, no editor visual, ou Atualizar prévia, no modo código, monta a prévia de novo.

Ferramentas da prévia no editor visual

• Selecionar elementos (S): clique num bloco para selecioná-lo; o chat passa a falar dele e a aba Editar mostra os campos.
• Editar o bloco selecionado: abre os campos do bloco escolhido.
• Anexar captura de tela ao chat: tira uma foto da prévia e anexa ao próximo pedido.
• Ocultar barra esconde essas ferramentas; Mostrar barra da prévia traz de volta.
• O seletor de páginas, no topo, troca a página mostrada.

Trocar de página e selecionar um componente no modo código

Acima da prévia, o botão com o endereço atual (como /) lista todas as páginas do site. Escolha uma ou digite um endereço para abri-la. Clicar num link dentro do site também atualiza o botão, e o que você pede no chat passa a valer para a página aberta.

Selecionar componente, ao lado, liga o modo componente: passe o mouse sobre o site para ver cada parte contornada com o nome dela e clique na que quer mudar. Ela vira a seleção do chat, e o próximo pedido muda só aquela parte. Esc sai do modo. Veja Adicionar contexto.

Abrir o site numa nova aba e compartilhar

• No editor visual, Abrir em nova aba aparece depois que o site é publicado e abre a versão que está no ar, não as mudanças ainda não publicadas.
• Compartilhar e depois Copiar link copia o endereço do site publicado. Antes da primeira publicação, aparece Publique primeiro para ter um link para compartilhar.
• No modo código, depois de publicar, o aviso No ar em … leva ao site. Em Meus projetos, o botão Ver site também.
• Ainda não há um link de prévia para mostrar o site a alguém antes de publicar.

Ver uma proposta antes de aplicar

No modo código, quando uma mudança chega como proposta, Ver prévia mostra o site como ele ficaria. Uma faixa avisa Prévia da proposta — ainda não foi aplicada., com os botões Aplicar e Voltar ao site atual.

Quando a prévia não aparece