Show Menu
TÓPICOS×

Editar formatos de texto sem formatação, HTML e e-mail para dispositivos móveis

O Designer de email permite que você edite várias renderizações de seus emails. Você pode gerar uma versão de texto de seu email, editar a fonte HTML de um email e criar emails para exibição 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 sem formatação diferente da versão HTML, você pode desativar essa sincronização clicando na Sync with HTML opção na Plain text exibição do 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 exibição não podem ser refletidas na HTML exibição.

Editar uma fonte de conteúdo de email em HTML

Para os usuários mais avançados e a depuração, você pode exibir 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 Visualizar 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 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 exibição móvel. As configurações de estilo do Email Designer são apresentadas anteriormente nesta página.
  1. Crie um email e comece a editar o conteúdo. Para obter mais informações, consulte Criar um conteúdo de email do zero .
  2. Para acessar a exibição móvel dedicada, 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 exibiçã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 exibiçã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 exibiçã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.
    Você pode definir essa opção na exibição móvel ou na exibição da área de trabalho.
  6. Clique novamente no Switch to mobile view botão para voltar à exibiçã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 à exibiçã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 é aplicado à exibição padrão.
    Por exemplo, volte para a exibição móvel, edite algum texto e substitua uma imagem.
    Clique novamente no Switch to mobile view botão para voltar à exibição padrão da área de trabalho. As mudanças são refletidas.
  8. Remover um estilo na exibição móvel leva você de volta ao estilo que foi aplicado no modo desktop.
    Por exemplo, na exibição móvel, aplique uma cor de plano de fundo verde a um botão.
  9. Alterne para a exibição da área de trabalho e aplique um plano de fundo cinza ao mesmo botão.
  10. Alterne novamente para exibição móvel e desative a Background color configuração.
    A cor de fundo definida na exibiçã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 exibição móvel, nenhuma borda é mais aplicada, mesmo se uma cor de borda for definida na exibição da área de trabalho.
A exibição móvel não está disponível em fragmentos .