Editar 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 versão Plain text do seu email é gerada e sincronizada automaticamente com a versão Edit.

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.

OBSERVAÇÃO

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 opção Sync with HTML na visualização Plain text do seu email.

Em seguida, é possível editar a versão de texto sem formatação, conforme desejado.

OBSERVAÇÃO

Se você editar a versão Plain text enquanto a sincronização estiver desativada, na próxima vez que você ativar a opção Sync with HTML, todas as alterações feitas na versão de texto sem formatação serão substituídas pela versão HTML. As alterações feitas na visualização Plain text não podem ser refletidas na visualização HTML.

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 ícone Source code.

    Somente a fonte do elemento selecionado é exibida. Você pode editar o código fonte se o elemento selecionado for um componente de conteúdo HTML. 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. Certifique-se de testá-la usando o botão Preview. 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 móvel dedicada, selecione o botão Switch to mobile view.

    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 em 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 botão Switch to mobile view 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.

    OBSERVAÇÃO

    A única exceção são as configurações Style inline. 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 botão Switch to mobile view 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 configuração Background color.

    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 configuração Border color. 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.

OBSERVAÇÃO

A visualização móvel não está disponível em fragments.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free