Com um número cada vez maior de pessoas abrindo e-mails em dispositivos móveis, é fundamental garantir que seus e-mails tenham boa aparência em qualquer tela. Independentemente de o destinatário abrir o e-mail em um smartphone, tablet ou computador, você pode otimizar a experiência do usuário mostrando ou ocultando o conteúdo com base no dispositivo que ele está usando. Graças às configurações de visibilidade de conteúdo, crie apenas um design de e-mail que se adaptará a todos os tipos de dispositivos, mostrando o conteúdo apenas para o tipo de dispositivo selecionado por você. 

Antes de começar

• Entenda a diferença entre blocos de seção e de conteúdo.
• Saiba como criar seu e-mail de forma eficaz para dispositivos móveis e a configuração de modo escuro. Para saber mais, consulte nossos artigos dedicados Crie e-mails para dispositivos móveis e Crie e-mails para o modo escuro.

❓Por que mostrar o conteúdo apenas no desktop ou no dispositivo móvel? 

Você talvez se pergunte por que deve mostrar algum conteúdo somente em dispositivos específicos. A opção de mostrar algum conteúdo somente para dispositivos específicos pode ajudar você a transferir o que considera mais útil e importante somente para dispositivos móveis ou desktops e ocultar o conteúdo não essencial.

Há vários casos em que a exibição de conteúdo somente para desktop ou dispositivos móveis (smartphone ou tablet) pode ser útil:

• 🖥️ Mostrar somente em desktops
  Se estiver apresentando uma nova linha de produtos com especificações abrangentes, um tutorial, um eBook ou um whitepaper com mídia avançada e texto, talvez seja necessário mostrar esse conteúdo somente em desktops. Na verdade, esse tipo de conteúdo pode incluir explicações detalhadas, vídeos ou grandes blocos de texto que são mais facilmente navegáveis em desktops. Os desktops proporcionam uma experiência de leitura mais confortável e a capacidade de interagir com mídia incorporada sem restrições de tamanho de tela. 
• 📱 Mostrar somente em dispositivos móveis
  Se você adicionou uma promoção na loja ao design do e-mail com um QR code ou código de barras, poderá exibir esse conteúdo somente em dispositivos móveis para incentivar o destinatário a visitar sua loja física, pois ele poderá digitalizar facilmente a promoção. Isso incentivará o envolvimento e a ação instantâneos.
  O mesmo acontecerá se você fornecer um link para baixar seu aplicativo móvel ou adicionar recursos especiais do aplicativo ao design do e-mail. O destinatário em dispositivos móveis pode fazer o download ou interagir diretamente com o aplicativo no dispositivo móvel, tornando o processo contínuo e aumentando a interação com o aplicativo. 

Você pode ir além, optando por mostrar uma seção somente em desktops e criando a mesma seção, mas otimizada para dispositivos móveis e mostrá-la somente nesses dispositivos!  Veja nosso exemplo à direita ➡️

Mostrar ou ocultar conteúdo com base no tipo de dispositivo 

Ao criar seu e-mail em nosso editor de e-mail, você pode definir a condição de exibição e optar por mostrar o conteúdo somente em dispositivos específicos, desktops ou móveis (smartphone ou tablet). Por exemplo, se você optar por mostrar uma seção somente em desktops, essa seção ficará oculta para todos os destinatários que abrirem seu e-mail no dispositivo móvel e vice versa. 

Para definir as condições de exibição: 

1. Selecione a seção ou o bloco de conteúdo que deseja exibir somente em dispositivos móveis ou desktops.
2. Na seção Content visibility (Visibilidade de conteúdo) do painel esquerdo, ative a opção Show on selected devices (Mostrar em alguns dispositivos).
3. A partir daí, você pode:
   1. Selecione Only on desktop (Somente em desktops) para mostrar esse conteúdo somente em desktops e ocultá-lo em dispositivos móveis. 
      
   2. Selecione Only on mobile (Somente em dispositivos móveis) para mostrar esse conteúdo somente em smartphones e tablets e ocultá-lo em desktops. 
      

Parabéns! 🎉 Você aplicou condições de exibição. Seu conteúdo será exibido apenas nos dispositivos que você selecionou. É altamente recomendável testar seu e-mail em diferentes dispositivos antes de enviá-lo aos destinatários.

Clique no ícone 🖥️ Desktop ou 📱 Dispositivo móvel na parte superior do editor de e-mail para alternar de uma visualização para outra. Quando uma condição de exibição é aplicada, a borda do conteúdo fica verde. O conteúdo também apresenta um ícone de olho cortado na visualização do dispositivo para o qual está oculto. Clique no conteúdo ou na seção para a qual você aplicou a condição de exibição para editá-la ou desativá-la.

⏭ O que vem a seguir? 

• Crie e-mails para dispositivos móveis
• Crie e-mails compatíveis com o modo escuro

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.