Edição de texto sem formatação, HTML e formatos de email 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 visualização móvel.

Gerar uma versão de texto do email

Por padrão, a versão Plain text do 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 de 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 no botão Sync with HTML na visualização Plain text do email.

Em seguida, você pode editar a versão de texto simples, conforme desejado.

OBSERVAÇÃO

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

Edição de uma fonte de conteúdo de email em HTML

Para os usuários e a depuração mais avançados, é possível visualizar 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 de todo o email.

  • Na interface WYSIWYG, selecione um elemento e clique no ícone Source code.

    Somente a origem 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 HTML do código, a capacidade de resposta do email pode ser interrompida. Certifique-se de testá-lo 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 em dispositivos móveis. 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 Designer de email são apresentadas anteriormente nesta página.

  1. Crie um email e comece a editar o conteúdo. Para obter mais informações, consulte Design de 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 que foram definidos na exibição de desktop.

  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 apenas à 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 optar por 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 exibir uma imagem específica em dispositivos móveis e outra imagem em dispositivos de desktop.

    Você pode definir essa opção na visualização móvel ou desktop.

  6. Clique novamente no botão Switch to mobile view para voltar para a exibiçã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 de estilo em linha também é aplicada à exibição de desktop padrão.

  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 à exibição padrão.

    Por exemplo, volte para a exibição móvel, edite algum texto e substitua uma imagem.

  8. Clique novamente no botão Switch to mobile view para voltar para a exibição padrão da área de trabalho. As alterações são refletidas.

  9. Remover um estilo na exibição móvel leva você de volta ao estilo aplicado no modo de desktop.

    Por exemplo, na exibição móvel, aplique uma cor de plano de fundo verde a um botão.

  10. Alterne para a exibição da área de trabalho e aplique um plano de fundo cinza ao mesmo botão.

  11. Alterne novamente para exibição móvel e desative a configuração Background color.

    A cor de fundo definida na exibição de desktop agora é aplicada: fica cinza (não em branco).

    A única exceção é a configuração Border color. Quando desativado na exibição móvel, nenhuma borda é mais aplicada, mesmo se uma cor de borda for definida na exibição de desktop.

OBSERVAÇÃO

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

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now