Inizia a utilizzare E-mail Designer e crea modelli e frammenti riutilizzabili dal tuo HTML e-mail creato nell’Editor legacy.
Questo caso d’uso consente di creare un modello di E-mail designer utilizzando un’e-mail HTML e suddividendola in componenti HTML in E-mail Designer.
Analogamente alla modalità di compatibilità, un componente HTML può essere modificato con opzioni limitate: è possibile eseguire solo l’edizione sul posto.
Questa sezione è destinata agli utenti avanzati che hanno familiarità con il codice HTML.
Passa a Mobile view. Per ulteriori informazioni, consulta questa sezione.
Per risolvere questo problema, passa alla modalità codice sorgente e copia e incolla la sezione di stile in una nuova sezione di stile. Ad esempio:
<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>
Assicurati di aggiungere il tuo stile dopo in un altro tag di stile personalizzato.
Non modificare il CSS generato da E-mail 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>
Torna alla visualizzazione per dispositivi mobili per verificare che il contenuto sia visualizzato correttamente e salvare le modifiche.
Proviamo a convertire questa e-mail, creata nell’editor legacy, in un Email Designer modello.
In questa e-mail possiamo identificare 11 sezioni.
Per identificare l’elemento che rappresenta la sezione del HTML, puoi selezionarlo.
Per visualizzare la versione HTML dell’e-mail, fai clic su Show source.
Trascina Structure components che riflette il layout dell’e-mail.
Ripetere il numero di volte necessario. Dobbiamo creare 11 componenti struttura.
Inserisci un HTML component in ogni Structure component .
Per ogni sezione, fai clic su Show source code .
Inserisce la sezione HTML.
Fai clic su Save.
Ora puoi controllare il rendering dell’e-mail.
Inserisci elementi CSS per garantire che l’e-mail sia adatta alla visualizzazione per dispositivi mobili.
Passa al codice sorgente e copia e incolla la sezione di stile in una nuova sezione di stile.
Per ulteriori informazioni, consulta Gestire lo stile dell’e-mail.
L’e-mail legacy è ora disponibile in E-mail Designer.