Ajuste o texto para visibilidade em computadores e dispositivos móveis

O layout responsivo garante que o seu site se adapte e tenha uma ótima aparência em vários dispositivos, desde telas grandes de computadores até celulares pequenos. Um aspecto importante disso é controlar a visibilidade do conteúdo com base no tamanho da tela.

Os recursos de "Ocultar em Dispositivos Móveis" e "Ocultar em Computadores"

Usando os recursos "Ocultar em Dispositivos Móveis" e "Ocultar em Computadores", você pode criar um site verdadeiramente responsivo que oferece uma experiência descomlpicada a todos os usuários, independentemente do dispositivo deles.

Esses recursos permitem que você crie diferentes versões do seu conteúdo, mostrando elementos específicos apenas em determinados dispositivos. Isso é crucial para otimizar a experiência do usuário em cada plataforma.

Siga os passos abaixo para adaptar o texto para a visibilidade em telefones e computadores:

1. Acesse a seção de Campanhas;
2. Clique no ícone de Editar;
   
   
3. Abra a página de Design;
4. Edite o conteúdo do E-mail;
   
   
5. Vamos criar alguns elementos ocultos para cada layout: dispositivos móveis e computadores;
6. Personalize para uso em computadores (e oculte um elemento para uso em dispositivos móveis). Selecione o Elemento que fique bom em dispositivos móveis;
7. Role para baixo do lado direito e selecione Ocultar em Computadores. Isso garante que esse bloco de texto específico não seja visível quando o site é visualizado em computadores de mesa.
8. Clique em Salvar, ou Salvar e Sair;
9. Feche;
   
10. Adicione a caixa de Texto onde desejar;
    
11. Digite o texto necessário. (Você também pode optar por duplicar esse bloco de texto e depois editá-lo para torná-lo mais amigável para dispositivos móveis (p. ex., ajustar o tamanho da fonte e o espaçamento entre linhas));
12. Centralize;
13. Aumente o tamanho da fonte;
    
14. Vá para a versão móvel e selecione o bloco de texto duplicado (ou qualquer elemento) que deseja ocultar na visualização em computadores;
15. Oculte o texto maior para dispositivos móveis. Isso garante que esse bloco de texto específico não seja visível quando o site é visualizado em dispositivos móveis;
    
16. Use a opção de visualização no canto inferior esquerdo para verificar como fica nas versões para computadores e dispositivos móveis:
    
17. Verifique ambas as versões alternando a visualização aqui:
    

Principais benefícios de usar esses recursos:

• Experiência móvel aprimorada: Ao ocultar elementos específicos de computadores, você evita a bagunça e garante um layout móvel limpo e amigável ao usuário.
• Conteúdo otimizado: Você pode adaptar o conteúdo para cada dispositivo, tornando-o mais legível e envolvente. 
• Tempos de carregamento mais rápidos: Você pode melhorar a velocidade de carregamento da página ocultando elementos desnecessários em dispositivos móveis.
• Controle aprimorado: Você tem controle preciso sobre o conteúdo exibido em cada dispositivo.

Em resumo, os recursos de "Ocultar em Dispositivos Móveis" e "Ocultar em Computadores" permitem que você crie um site verdadeiramente responsivo que oferece uma experiência ideal a todos os usuários, independentemente do dispositivo deles.