Visualize o site antes de publicar

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

Opções de pré-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 aparece em telas de computador.

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

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

• Nova janela - Abre uma pré-visualização ao vivo em uma nova aba do navegador, oferecendo a representação mais precisa da experiência do visitante.

• Voltar ao modo de edição - Quando terminar de revisar seu trabalho, clique neste botão para voltar ao editor.

Configurações para mobile

Embora seu site seja responsivo por natureza, você pode usar as Configurações para mobile 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 fique clara sem ocupar espaço demais na tela.

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

• Layout e espaçamento - Use Alinhamento do texto para posicionar o texto do menu e 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 site 

• Página inicial do app -  Use esta opção para definir o que seus usuários veem 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. Quando 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á seu logo ou se ele será gerado automaticamente com base no nome do seu site.
• 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. Atualmente, esta opção 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. Atualmente, esta opção está disponível apenas para dispositivos Android. 

Observações

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

• Verificação de consistência - É altamente recomendável usar a pré-visualização em "Nova janela" antes de um grande lançamento, 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 mobile; um menu centralizado e com alto contraste costuma ser mais fácil de navegar com o polegar.