Visualize o site antes de publicar

Antes de publicar suas alterações recentes, é essencial visualizar seu site para entender exatamente como ele aparecerá para seus visitantes. Pense nisso como um ensaio final para garantir que cada elemento — desde sua postagem mais recente no blog até o novo botão de contato — esteja com um visual refinado e profissional.

Opções de Visualização

Para ver seu site em diferentes plataformas, clique no Ícone de Desktop no Editor do Site e escolha entre estas opções de exibição:

• Desktop - A visualização padrão do editor, que mostra o site como ele é visto em telas de computador.

• Tablet e Celular - Mostra como o layout se ajusta automaticamente para telas menores e tablets.

• App -  Visualize seu site como ele aparecerá como um app instalado nos dispositivos dos seus usuários (Android, iOS).

• Nova Janela - Abre uma visualização ao vivo em uma aba separada do navegador, oferecendo a representação mais fiel da experiência do visitante.

• Voltar ao Modo de Edição - Quando terminar de revisar seu trabalho, clique neste botão para retornar ao editor.

Configurações para Celular

Embora seu site seja responsivo por natureza, você pode usar as Configurações para Celular para ajustar com mais precisão elementos visuais específicos em dispositivos móveis:

• Cabeçalho e Fonte - Ajuste a Altura do Cabeçalho e o Tamanho da fonte do Cabeçalho para garantir que sua marca permaneça clara sem ocupar muito espaço na tela.

• Aparência do Menu - Personalize o Tipo de Menu e a Cor do Menu do menu pop-up no celular para combinar com a estética da sua marca.

• Layout e Espaçamento - Use o Alinhamento do Texto para posicionar o texto do menu e o Espaço entre páginas para controlar a distância vertical entre os links de navegação.

Configurações do App

Controle aspectos da versão em App do seu site 

• Página inicial do App -  Use esta opção para definir o que seus usuários verão ao abrir o app. Escolha entre a Página inicial móvel padrão, a Área do Cliente dos seus usuários ou sua Loja. Depois que seus usuários tocarem no ícone do App em seus dispositivos, verão a opção selecionada.
• Logo da Tela de Abertura -  Use esta opção para definir se o ícone do App exibirá o seu logotipo ou se um será gerado automaticamente com base no nome do seu site.
• Plano de fundo da Tela de Abertura - Use esta opção para definir a cor de fundo da versão em App. Escolha entre preto, branco ou a cor principal do site. Esta opção atualmente está disponível apenas para dispositivos Android. 
• Pop-up de Instalação para Visitantes -  Use esta opção para avisar seus usuários sobre a possibilidade de adicionar seu site como um app em seus dispositivos móveis. Esta opção atualmente está disponível apenas para dispositivos Android. 

Observações

• Ajustes Dinâmicos - As configurações específicas para celular permitem resolver problemas de layout — como texto grande demais em telas pequenas — sem afetar a versão para desktop do seu site.

• Verificação de Consistência - Recomenda-se fortemente usar a visualização em “Nova Janela” antes de um lançamento importante, pois ela permite testar links e botões em um ambiente limpo do navegador.

• Experiência do Usuário - Preste bastante atenção à Cor do Menu e ao Alinhamento do Texto no celular; um menu centralizado e com alto contraste costuma ser mais fácil de navegar com o polegar.