6.1.7 Creazione di un Template Newsletter

Vedremo ora come creare un nuovo Template Newsletter, usando l'editor drag&drop. Accedendo all'editor, in alto a destra troveremo i pulsanti di modifica/azione, mentre la colonna di destra cambierà in base alla selezione fatta sui pulsanti precedentemente indicati. Di default, troviamo tutti i blocchi con gli elementi disponibili per la creazione di un nuovo template (vedi immagine seguente).

newsletter_editor_full.png

Utilizzare il pulsante per creare 1 sezione, trascinandolo nell'area di lavoro (spazio bianco al centro dello schermo)

newsletter_template_step1.png

E' possibile, a questo punto, inserire un elemento all'interno di questa cella, come ad esempio un logo oppure un blocco di testo. Procediamo con l'inserimento dell'immagine di un logo aziendale, trascinando nello spazio precedentemente creato, il pulsante Immagine.

newsletter_template_step2.png

Selezionare dunque l'immagine da caricare dal proprio pc, oppure inserire l'url assoluto nell'apposito spazio, vicino al pulsante Aggiungi Immagine.

newsletter_template_step3.png

Si potrà dunque gestirne le dimensioni, in modo che risultino responsive. Il consiglio è quello di cliccare sull'immagine per renderla attiva e poi cliccare sull'icona per la Gestione degli Stili newsletter_open_style_manager.png e fornire una dimensione in percentuale per la larghezza (ad esempio 30%), mentre lasciare tutte le altre dimensioni con il valore preimpostato Auto.

In questo modo le dimensioni dell'immagine si auto adatteranno ad ogni dispositivo (potete testarlo agendo sulle icone newsletter_responsive_icons.png)

newsletter_template_step4.png

Cliccando dunque sull'icona che ci permette di tornare alla lista dei blocchi disponibili newsletter_open_blocks.png possiamo continuare la composizione del nostro template di esempio, aggiungendo una lista di elementi, che potrebbe servirci per utilizzare l'accoppiata immagine/testo. Selezionare dunque il pulsante Lista di Elementi e trascinarlo nell'area di lavoro.

newsletter_template_step5.png

Si creeranno così due righe contenenti immagini e testo, modificabili a piacere come già visto in precedenza. Sarà possibile inoltre formattare il testo, agendo sempre sull'icona della Gestione degli Stili newsletter_open_style_manager.png ed agire nel blocco Tipografia, dedicato alla modifica dei caratteri.

Attenzione! Ogni blocco di testo può avere un'unica formattazione. Quindi, prendendo come esempio le due righe precedentemente create, posso decidere quali sono le dimensioni ed il carattere per i titoli e per i testi puri, ma deciso che per il primo titolo (Supercar nell'esempio) voglio mettere il carattere Arial e dimensione H1, anche il secondo titolo cambierà si conseguenza (Old School nell'esempio). Lo stesso accadrà per i testi presenti nella cella sottostante.

Inserire ora un blocco di testo, trascinando il pulsante Testo newsletter_text.png nell'area di lavoro e scrivere il testo desiderato.

newsletter_template_step6.png

Supponiamo ora di voler creare un link per una porzione del testo appena inserito, sarà sufficiente selezionarlo e cliccare sull'icona del link che comparirà nella barra degli strumenti contestualmente al blocco di testo.

newsletter_template_step7.png

Infine aggiungiamo il link per l'anteprima e quello per la discrizione alla newsletter. Trascinando e posizionando i due pulsanti ove desiderato, potremmo completare la configurazione del nostro template.

Nell'immagine di esempio, vedremo l'inserimento del link per la disiscrizione.

newsletter_template_step8.png

E' tutto, potete aggiungere, togliere, sistemare tutti i componenti della newsletter usando i nuovi strumenti messi a disposizione. Se poi siete creativi o maggiormente esigenti, potete importare il codice HTML creato dal vostro reparto marketing oppure scaricato da internet, agendo direttamente sul pulsante newsletter_import_template.png.

 

 

 

Back to top