Show Menu
TÓPICOS×

Edição de texto sem formatação, HTML e formatos do email móveis

O Designer de e-mail permite que você edite várias renderizações de seus e-mails. Você pode gerar uma versão de texto do seu email, editar a fonte HTML de um email e criar emails para visualizações móvel.

Gerando uma versão de texto do email

Por padrão, a Plain text versão do seu email é gerada e sincronizada automaticamente com a Edit versão.
Campos de personalização e blocos de conteúdo adicionados à versão HTML também são sincronizados com a versão em texto simples.
Para usar blocos de conteúdo em uma versão de texto sem formatação, verifique se eles não contêm código HTML.
Para ter uma versão de texto simples diferente da versão HTML, você pode desativar essa sincronização clicando na Sync with HTML opção da Plain text visualização do seu email.
Em seguida, é possível editar a versão de texto sem formatação, conforme desejado.
Se você editar a Plain text versão enquanto a sincronização estiver desativada, na próxima vez que você ativar a Sync with HTML opção, todas as alterações feitas na versão em texto simples serão substituídas pela versão em HTML. As alterações feitas na Plain text visualização não podem ser refletidas na HTML visualização.

Editar uma fonte de conteúdo de email em HTML

Para os usuários mais avançados e a depuração, você pode visualização e editar o conteúdo de email diretamente em HTML.
Você tem duas maneiras de editar a versão HTML do email:
  • Selecione Edit > HTML para abrir a versão HTML do email inteiro.
  • Na interface WYSIWYG, selecione um elemento e clique no Source code ícone.
    Somente a fonte do elemento selecionado é exibida. Você pode editar o código fonte se o elemento selecionado for um componente HTML de conteúdo. Outros componentes estão no modo somente leitura, mas ainda podem ser editados na versão HTML completa do email.
Se você modificar o código HTML, a capacidade de resposta do e-mail poderá ser interrompida. Teste usando o Preview botão. Consulte Pré-visualização de mensagens .

Criar emails para renderização móvel

Você pode ajustar o design responsivo de um email editando separadamente todas as opções de estilo para exibição móvel. Por exemplo, você pode adaptar margens e preenchimento, usar tamanhos de fonte menores ou maiores, alterar botões ou aplicar cores de plano de fundo diferentes que serão específicas para a versão móvel do seu email.
Todas as opções de estilo estão disponíveis na visualização móvel. As configurações de estilo do Email Designer são apresentadas anteriormente nesta página.
  1. Crie um email e um start editando o conteúdo. Para obter mais informações, consulte Criar um conteúdo de email do zero .
  2. Para acessar a visualização para dispositivos móveis dedicados, selecione o Switch to mobile view botão.
    A versão móvel do email é exibida. Ele contém todos os componentes e estilos definidos na visualização da área de trabalho.
  3. Edite independentemente todas as configurações de estilo, como cor do plano de fundo, alinhamento, preenchimento, margem, família de fontes, cor do texto e assim por diante.
  4. Ao editar qualquer configuração de estilo na visualização móvel, as modificações são aplicadas somente à exibição móvel.
    Por exemplo, reduza o tamanho de uma imagem, adicione um plano de fundo verde e altere o preenchimento na visualização móvel.
  5. Você pode ocultar um componente quando exibido em um dispositivo móvel. Para fazer isso, selecione Show only on desktop devices no Display options .
    Você também pode ocultar esse componente em dispositivos de desktop, o que significa que ele será exibido somente em dispositivos móveis. Para fazer isso, selecione Show only on mobile devices .
    Por exemplo, essa opção permite que você exiba uma imagem específica em dispositivos móveis e outra imagem em dispositivos desktop.
    É possível definir essa opção a partir da visualização móvel ou desktop.
  6. Clique novamente no Switch to mobile view botão para voltar à visualização padrão da área de trabalho. As mudanças de estilo que você acabou de fazer não são refletidas.
    A única exceção são as Style inline configurações. Qualquer alteração na configuração em linha de estilo também é aplicada à visualização padrão da área de trabalho.
  7. Qualquer outra alteração na estrutura ou no conteúdo do email, como edições de texto, upload de uma nova imagem, adição de um novo componente etc. também é aplicada à visualização padrão.
    Por exemplo, volte para a visualização móvel, edite algum texto e substitua uma imagem.
  8. Clique novamente no Switch to mobile view botão para voltar à visualização padrão da área de trabalho. As mudanças são refletidas.
  9. Remover um estilo na visualização móvel leva você de volta ao estilo aplicado no modo desktop.
    Por exemplo, na visualização móvel, aplique uma cor de plano de fundo verde a um botão.
  10. Alterne para a visualização da área de trabalho e aplique um plano de fundo cinza ao mesmo botão.
  11. Alterne novamente para visualização móvel e desative a Background color configuração.
    A cor de fundo definida na visualização da área de trabalho agora é aplicada: fica cinza (não em branco).
    A única exceção é a Border color configuração. Quando desativada na visualização móvel, nenhuma borda é mais aplicada, mesmo se uma cor de borda for definida na visualização da área de trabalho.
A visualização móvel não está disponível em fragmentos .