Comece a trabalhar com o Email Designer e crie modelos e fragmentos reutilizáveis do seu HTML de email criado no Editor herdado.
Esse caso de uso permite criar um modelo do Designer de email usando um email do HTML e dividindo-o em componentes do HTML no Designer de email.
Como o modo de compatibilidade, um componente HTML pode ser editado com opções limitadas: só é possível executar edição no local.
Esta seção é para usuários avançados familiarizados com o código HTML.
Mudar 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>
Adicione seu estilo depois disso em outra tag de estilo personalizada.
Não modifique o CSS gerado pelo Email Designer:
<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 à visualização móvel para verificar se o conteúdo é exibido corretamente e salvar as alterações.
Vamos tentar converter este 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 email.
Repita quantas vezes forem necessárias. Precisamos criar 11 componentes de estrutura.
Insira 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 é possível verificar a renderização do email.
Insira elementos de CSS para garantir que o email seja adequado para exibiçã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 seu email.
O email herdado agora está disponível no Designer de email.