L’interfaccia editor “drag&drop” (clicca e trascina) rappresenta il terzo step della sezione “Composizione email”.
In questa pagina è possibile creare un template da zero oppure, partendo da un template esistente, modificare testi e immagini, inserire link a siti web, pagine social o altri contenuti online, etc…
L’interfaccia del nuovo editor si suddivide in tre sezioni principali:
- La barra superiore
- L’area di lavoro
- La barra laterale destra
1. La barra superiore
Tutti i template creati con l’editor Esendex nascono responsive. Da questa barra, utilizzando l’apposito comando, puoi decidere quale vista impostare: mobile o desktop. Avrai così sempre sotto controllo il risultato grafico finale dei tuoi mailing.
2. L’area di lavoro
L’area di lavoro mostra in tempo reale l’anteprima del tuo mailing.
Oltre a fornirti una preview in tempo reale, questa sezione ti permette di lavorare ai contenuti e alle strutture del tuo template. Ogni elemento (contenuto o struttura) può essere selezionato e modificato. Una cornice blu indica sempre su quale elemento stai attualmente lavorando.
Le possibili modifiche effettuabili sono:
- spostare l’elemento in un’altra posizione
- cancellare l’elemento selezionato
- duplicare l’elemento selezionato
3. La barra Laterale di Destra
La barra laterale di destra è il vero e proprio centro di gestione per la creazione della tuo mailing. Da qui è possibile inserire nuovi elementi e/o strutture e modificarne le proprietà.
La barra laterale è divisa a sua volta in tre tab principali:
- Elementi: da qui è possibile selezionare e trascinare i singoli elementi (contenuti e/o strutture) all’interno dell’area contenuti
- Proprietà: a seconda dell’elemento o struttura selezionata nell’area di lavoro, sarà possibile editarne le specifiche proprietà
- Impostazioni generali del body: più defilate, definiscono gli assetti base del template
1. Gli elementi
Gli elementi disponibili per la costruzione/modifica del template si suddividono in due categorie principali:
1.1. Strutture/colonne
Definiscono l’architettura base della tua email. Esistono diverse combinazioni:
- una colonna
- due colonne (nei formati 50/50, 25/75, 75/25)
- tre colonne (nei formati 33/33/33, 25/25/50, 50/25/25,)
- quattro colonne (25/25/25/25)
Nota. Prima di inserire qualsiasi contenuto è necessario inserire almeno un elemento struttura.
1.2 Contenuti
Una volta inserita almeno una struttura/colonne nell’area di lavoro, è possibile trascinare al suo interno i vari contenuti.
I contenuti disponibili sono:
- Elemento testo
L’elemento testo permette di inserire un contenuto testuale all’interno della newsletter. Di default appare un testo standard (lorem ipsum) che potrà essere modificato a piacimento tramite doppio clic all’interno dell’area contenuti. L’editor inline (corrisponde al tab che appare nell’area contenuti cliccando due volte sul testo stesso) permette di modificare gli stili del testo (interlinea, font, colore e allineamento), di aggiungere campi dinamici, elenchi puntati o numerati o link. - Elemento Immagine
Permette di inserire un’immagine all’interno del template. L’immagine può essere caricata al momento oppure può essere selezionata dal proprio File Manager tramite l’apposito bottone “Sostituisci”. Per maggiori dettagli consultare la sezione Gestione immagini della guida. - Elemento Bottone
Permette di inserire un pulsante, anche detto “call to action”, all’interno della tua mail. Attraverso il tab Proprietà puoi editarne lo stile e stabilire l’azione legata al clic: apertura di una pagina web, apertura di una landing e/o invio di un’email. - Elemento Divisorio
Trascinando questo elemento all’interno dell’area contenuti viene inserita una linea orizzontale, utile per suddividere i contenuti della tua mail. Una volta trascinato l’elemento nel template, è possibile decidere le proprietà di base dell’elemento divisorio (colore, altezza e larghezza, stile, etc.) - Elemento Social
L’elemento social permette di inserire delle icone per i social network preferiti, che sarà poi possibile personalizzare tramite le proprietà inserendo il link al proprio profilo o pagina social. - Elemento Unsubscribe
SI tratta di un breve testo personalizzabile che porta tramite collegamento alla pagina di disiscrizione dalla newsletter. Questo è l’unico elemento obbligatorio per poter procedere all’invio della mail, va necessariamente inserito.
2. Le Azioni
Nella parte inferiore della barra laterale destra potete eseguire una serie di operazioni:
- Invio email di prova
Prima di inviare la newsletter alla tua lista contatti, ti consigliamo di testare sempre l’invio. Cliccando sul bottone INVIA EMAIL DI PROVA presente nella parte inferiore della barra laterale, potrai scegliere di inviare la tua bozza email ad un massimo di 5 indirizzi email. - Salvare la propria mail come bozza
Il bottone Salva in bozze ti permette di salvare le ultime modifiche. Cliccando su questo bottone potrai poi navigare o chiudere il browser con la certezza di poter riprendere la composizione della tua email in un secondo momento, semplicemente ricercando la bozza nella sezione Elenco Campagne.
Attenzione: Prima di abbandonare la pagina, è fondamentale salvare sempre eventuali correzioni o revisioni della newsletter cliccando su SALVA COME BOZZA. In caso contrario, ogni modifica effettuata dall’ultimo salvataggio verrà persa.
- Salvare la propria mail come template
Il bottone Salva come template ti permette di salvare il modello nella sezione “I Miei Template”. Potrà quindi essere utilizzato come modello base per tutte le tue prossime newsletter. - Visualizzazione versione HTML
Selezionando questa opzione è possibile vedere ed editare il codice sorgente HTML della mail creata.
Nota. E’ possibile utilizzare tutte le potenzialità dell’editor anche su un template importato con il tuo codice html. Per scoprire come fare, consulta la sezione relativa ai Templates: troverai la Guida HTML per l’editor.
Nel momento in cui avrete modificato o composto la vostra EMAIL in maniera definitiva, potrete procedere allo STEP 4 Gestione immagini cliccando sul pulsante AVANTI.