Empiece a trabajar con el Diseñador de correo electrónico y cree plantillas y fragmentos reutilizables a partir del HTML de correo electrónico creado en el Editor heredado.
Este caso de uso permite crear una plantilla de Diseñador de correo electrónico utilizando un correo electrónico de HTML y dividiéndola en componentes de HTML en el Diseñador de correo electrónico.
Al igual que el modo de compatibilidad, un componente HTML es editable con opciones limitadas: solo puede realizar la edición in situ.
Esta sección está dirigida a usuarios avanzados familiarizados con el código de HTML.
Cambie a Mobile view. Para obtener más información, consulte esta sección.
Para solucionarlo, cambie al modo de código fuente y copie y pegue la sección de estilos en una nueva sección de estilos. Por ejemplo:
<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>
Asegúrese de agregar el estilo después de esto en otra etiqueta de estilo personalizada.
No modifique la CSS generada por el Diseñador de correo electrónico:
<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>
Vuelva a la vista móvil para comprobar que el contenido se muestra correctamente y guardar los cambios.
Intentemos convertir este correo electrónico, creado en el editor heredado, en un Email Designer plantilla.
Podemos identificar 11 secciones en este correo electrónico.
Para identificar qué elemento es qué sección del HTML, puede seleccionarlo.
Para ver la versión del HTML del correo electrónico, haga clic en Show source.
Arrastrar y soltar Structure components reflejando el diseño de nuestro correo electrónico.
Repita tantas veces como sea necesario. Necesitamos crear 11 componentes de estructura.
Insertar un HTML component en cada Structure component .
Para cada sección, haga clic en Show source code .
Inserte la sección del HTML.
Haga clic en Save.
Ahora puede comprobar la renderización del correo electrónico.
Inserte elementos CSS para garantizar que el correo electrónico sea adecuado para la vista móvil.
Cambie al código fuente y copie y pegue la sección de estilos en una nueva sección de estilos.
Para obtener más información, consulte Administrar el estilo del correo electrónico.
El correo electrónico heredado ya está disponible en el Diseñador de correo electrónico.