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 de HTML de um email e criar emails para visualização móvel.

Gerar uma versão de texto do email

Por padrão, a variável Plain text A versão do seu email é gerada automaticamente e sincronizada com a variável Edit versão.

Campos de personalização e blocos de conteúdo adicionados à versão do HTML também são sincronizados com a versão de texto sem formatação.

OBSERVAÇÃO

Para usar blocos de conteúdo em uma versão de texto sem formatação, verifique se eles não contêm o código HTML.

Para ter uma versão de texto simples diferente da versão do HTML, você pode desativar esta sincronização clicando no botão Sync with HTML alterne da Plain text exibição do seu email.

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

OBSERVAÇÃO

Se você editar o Plain text enquanto a sincronização estiver desativada, na próxima vez que você ativar a variável 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 em Plain text não pode ser refletida em HTML exibir.

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

Para os usuários e a depuração mais avançados, é possível visualizar e editar o conteúdo de email diretamente no HTML.

Você tem duas maneiras de editar a versão do HTML do email:

  • Selecionar Edit > HTML para abrir a versão do HTML de todo o email.

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

    Somente a origem do elemento selecionado é exibida. Você pode editar o código-fonte se o elemento selecionado for um HTML componente de conteúdo. Outros componentes estão no modo somente leitura, mas ainda podem ser editados na versão completa do HTML do email.

Se você modificar o HTML do código, a capacidade de resposta do email pode ser interrompida. Teste-o usando a variável 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 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 Criar um conteúdo de email do zero.

  2. Para acessar a visualizaçã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 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 do 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 é a Style inline configurações. 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 agora desative o Background color configuração.

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

    A única exceção é a Border color configuração. 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 fragmentos.

Nesta página