Visualize o site antes de publicar

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

Opções de pré-visualização

Para ver o 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 o seu site como ele aparecerá como um app instalado nos dispositivos dos seus usuários (Android, iOS).

• Nova janela - Abre uma pré-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 o seu trabalho, clique neste botão para voltar ao editor.

Configurações para mobile

Embora os sites do SITE123 sejam responsivos por natureza, você pode usar as Configurações para Mobile para ajustar com mais precisão alguns elementos visuais 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 mobile para combinar com a identidade visual 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 veem ao abrir o app. Escolha entre a Página inicial padrão do mobile, a Área do Cliente dos seus usuários ou a sua Loja. Assim 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á seu logo ou se 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 sua versão em app. Escolha entre Preto, Branco ou a cor principal do site. Esta opção está disponível no momento 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 o seu site como um app nos dispositivos móveis. Esta opção está disponível no momento apenas para dispositivos Android. 

Observações

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

• Verificação de consistência - Usar a pré-visualização em "Nova janela" é altamente recomendado antes de um grande lançamento, pois 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.