Comece a trabalhar com o Designer de email e crie modelos e fragmentos reutilizáveis a partir do HTML de email criado no Editor herdado.
Esse caso de uso permite criar um modelo do Designer de email usando um email de HTML e dividindo-o em componentes de HTML no Designer de email.
Como o modo de compatibilidade, um componente HTML é editável com opções limitadas: você só pode executar a edição no local.
Esta seção é para usuários avançados familiarizados com o código HTML.
Alternar para Mobile view. Para obter mais informações, consulte esta seção.
Para corrigir isso, alterne para o modo de código-fonte e copie e cole sua seção de estilo em uma nova seção de estilo. Por exemplo:
<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>
Certifique-se de adicionar o estilo depois disso em outra tag de estilo personalizada.
Não modifique o CSS gerado pelo Designer de email:
<style data-name="default" type="text/css">(##)</style>
<style data-name="supportIOS10" type="text/css">(##)</style>
<style data-name="mediaIOS8" type="text/css">(##)</style>
<style data-name="media-default-max-width-500px" type="text/css">(##)</style>
<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
Retorne à exibição para dispositivos móveis para verificar se o conteúdo é exibido corretamente e salve as alterações.
Vamos tentar converter esse email, criado no editor herdado, em um Email Designer modelo.
Podemos identificar 11 seções neste email.
Para identificar qual elemento é qual seção do HTML, você pode selecioná-lo.
Para ver a versão do HTML do email, clique em Show source.
Arrastar e soltar Structure components refletindo o layout do nosso email.
Repita quantas vezes forem necessárias. Precisamos criar 11 componentes de estrutura.
Inserir um HTML component em cada Structure component .
Para cada seção, clique em Show source code .
Insira a seção HTML.
Clique em Save.
Agora você pode verificar a renderização do seu email.
Insira elementos CSS para garantir que o email seja adequado para visualização móvel.
Alterne para o código-fonte e copie e cole sua seção de estilo em uma nova seção de estilo.
Para obter mais informações, consulte Gerenciar o estilo do email.
Seu email herdado agora está disponível no Designer de email.