Come prima cosa è necessario visualizzare la Newsletter o creare una bozza.
Per costruirla bisogna aggiungere gli elementi in modo gerarchico. Si comincia sempre con gli elementi di base, cioè quelli di layout, che servono a creare la struttura del tuo template. Questi elementi sono:
- Elemento full width
- Strutture
Innanzitutto bisogna dividere la bozza del template in segmenti di base – elementi full width:
- Info area
- Header
- Nucleo (Contenuto)
- Footer
Dopodiché bisogna dividere gli elementi full width nei segmenti desiderati.
Per esempio:
- Info area – Due colonne (testo di benvenuto e collegamento alla visualizzazione sul web)
- Header – Immagine di copertina e testo
- Contenuto (Body) – Breve testo con immagine a sinistra
- Contenuto (Body)– Breve testo con immagine a destra
- Contenuto (Body) – Tre colonne con immagine, testo e bottone
- Footer – Testo con link di cancellazione e impostazioni di profilo
Successivamente occorre creare ogni segmento nel proprio Elemento full width. Ciò è importante soprattutto dal punto di vista di una facile progettazione congiunta degli elementi, il loro posizionamento nel template, una migliore adattabilità e reattività sui dispositivi mobili e il salvataggio degli elementi da utilizzare nei futuri template.
I segmenti possono anche essere raddoppiati, adattati e posizionati in più punti nello stesso template.