In questa guida scoprirai come usare l’editor drag&drop di Emailchef per creare email professionali: dalla gestione di blocchi ed elementi alla personalizzazione degli stili, fino all’anteprima e al salvataggio del template.
Come funziona l'editor drag&drop di Emailchef
Con l’editor Drag & Drop di Emailchef puoi creare email e newsletter professionali in pochi minuti, anche senza competenze tecniche o di programmazione. Grazie a un’interfaccia intuitiva e completamente visuale, puoi partire da zero oppure personalizzare uno dei template predefiniti adattandolo allo stile e agli obiettivi della tua comunicazione.
L’editor ti permette di costruire la struttura dell’email trascinando blocchi già pronti, inserendo contenuti come testi, immagini e pulsanti, e definendo facilmente colori, spaziature e stili grafici.
In questa guida scoprirai nel dettaglio tutte le funzionalità principali dell’editor e come utilizzarle per creare email efficaci, curate e perfettamente responsive.
Trascina e rilascia blocchi ed elementi
Nella colonna sinistra dell’editor trovi la libreria dei Blocchi e quella degli Elementi. Per aggiungerli al template ti basta trascinarli nell’area di lavoro centrale e rilasciarli nel punto desiderato. L’editor ti mostrerà in modo chiaro dove verrà inserito il contenuto, così puoi organizzare facilmente la disposizione dei vari elementi.
Una volta inseriti, blocchi ed elementi possono essere:
- spostati in un’altra posizione;
- modificati nei contenuti e nello stile;
- duplicati per riutilizzarli rapidamente;
- eliminati con un semplice clic.
In questo modo puoi costruire e riorganizzare la tua email in modo completamente visuale e intuitivo.
Libreria dei blocchi
La Libreria dei blocchi contiene una selezione di sezioni già strutturate, composte da una o più colonne, che includono elementi come titoli, testi, immagini, pulsanti o combinazioni di questi.
I blocchi sono progettati per velocizzare la creazione della newsletter: puoi utilizzarli così come sono oppure personalizzarli in base alle tue esigenze, modificando contenuti, layout e stile grafico.
Per facilitare la ricerca, i blocchi sono suddivisi in categorie in base alla loro funzione (ad esempio: intestazioni, sezioni di contenuto, call to action, piè di pagina, ecc.).
Una newsletter efficace è generalmente composta da tre parti fondamentali:
- Intestazione: include il logo aziendale e, se necessario, il link per visualizzare l’email nel browser.
- Corpo del messaggio: è la parte centrale, dove inserisci contenuti testuali, immagini e soprattutto le CTA (Call To Action).
- Piè di pagina: contiene le informazioni obbligatorie (come riferimenti normativi e opzioni di disiscrizione), i contatti aziendali e le icone social.
Per aumentare l’efficacia della comunicazione, inserisci sempre almeno una CTA ben visibile: può essere un pulsante o un link testuale, preceduto da una frase chiara e persuasiva che inviti il lettore a compiere un’azione.
Libreria degli elementi
La libreria degli elementi contiene tutti i componenti che puoi inserire all’interno dei blocchi per costruire il contenuto della tua email.
Tra questi trovi, ad esempio:
- titoli;
- paragrafi di testo;
- immagini;
- pulsanti;
- icone social e altri contenuti dinamici.
Puoi trascinare ogni elemento all’interno di una colonna del blocco scelto e posizionarlo nel punto desiderato. Una volta inserito, potrai modificarne contenuto, stile e comportamento tramite le opzioni di personalizzazione disponibili.
In questo modo puoi comporre la tua email combinando liberamente struttura (blocchi) e contenuto (elementi).
L’area di lavoro
Nella colonna centrale dell’editor si trova l’area di lavoro, lo spazio in cui costruisci e modifichi concretamente la tua newsletter.
Qui puoi organizzare la struttura del template, spostare i contenuti e intervenire su ogni singolo elemento in modo visuale e immediato.
Ogni template è composto da tre livelli principali:
1. I blocchi.
Sono le sezioni strutturali dell’email e sono identificati da una cornice rossa.
Puoi spostarli verticalmente, duplicarli o eliminarli tramite le icone disponibili nell’angolo in alto a destra del blocco.
2. Le colonne.
Sono identificate da una cornice azzurra e permettono di suddividere il contenuto all’interno di un blocco.
Puoi modificarne la disposizione e regolarne l’organizzazione tramite l’icona presente nell’angolo in alto a destra.
3. Gli elementi.
Sono identificati da una cornice verde e rappresentano i contenuti inseriti nelle colonne (testi, immagini, pulsanti, ecc.).
Anche gli elementi possono essere spostati, duplicati o eliminati utilizzando le icone dedicate.
Alcuni elementi includono inoltre icone aggiuntive che permettono di applicare o bloccare gli stili globali, così da mantenere coerenza grafica all’interno della newsletter.
Gli elementi che contengono testo possono essere modificati direttamente dall’area di lavoro tramite una toolbar di formattazione, che consente di:
- applicare stili al testo;
- inserire link;
- aggiungere segnaposto dinamici
Gli elementi immagine, invece, permettono di caricare un nuovo file o sostituire quello esistente direttamente dalle impostazioni dedicate.
Personalizza le proprietà degli elementi
Selezionando un singolo elemento nell’area di lavoro, nella colonna destra dell’editor si apre automaticamente il pannello delle proprietà dedicato a quell’elemento. Da qui puoi intervenire in modo dettagliato su ogni aspetto del contenuto selezionato.
Le opzioni disponibili variano in base al tipo di elemento (testo, immagine, pulsante, ecc.) e ti permettono di gestire sia lo stile grafico sia il funzionamento dell’elemento.
Ad esempio, puoi:
- modificare colori, font, dimensioni e allineamenti;
- regolare spaziature e margini;
- inserire o modificare link;
- configurare il comportamento di un pulsante;
- definire impostazioni specifiche per le immagini.
Il pannello proprietà ti consente quindi di personalizzare ogni dettaglio della newsletter in modo preciso, mantenendo sempre il controllo sull’aspetto finale del template.
Definisci lo stile globale del tuo template
In cima alla colonna destra dell’editor trovi l’icona dedicata alla gestione degli Stili globali.
Il pannello degli Stili globali ti permette di definire l’aspetto grafico generale della newsletter, applicando impostazioni valide per l’intero template.
Attraverso questa sezione puoi, ad esempio:
- impostare il colore di sfondo dell’email;
- definire font e dimensioni dei testi;
- stabilire colori predefiniti per titoli, paragrafi e link;
- configurare lo stile dei pulsanti.
Le modifiche effettuate negli Stili globali si applicano automaticamente a tutti gli elementi collegati a queste impostazioni, garantendo coerenza visiva e velocizzando il lavoro.
💡RICORDA
Se modifichi lo stile direttamente dal pannello proprietà di un singolo elemento, la modifica sarà locale. Utilizzando invece gli Stili globali, l’intervento sarà esteso a tutto il template.
Anteprima, opzioni e salvataggio del template
Nella parte superiore dell’editor è presente una barra strumenti che ti permette di gestire il template e di visualizzarne l’anteprima in diversi dispositivi.
A sinistra trovi il box per rinominare il template, così da tenerlo organizzato e facilmente riconoscibile.
Al centro sono disponibili le icone per passare dalla modalità di modifica all’anteprima della newsletter su desktop, tablet o cellulare, in modo da verificare che il layout sia perfetto su tutti i dispositivi.
A destra ci sono le opzioni per caricare un template vuoto, scegliere un template di default o salvare le modifiche apportate.
Sempre sulla destra sono presenti anche i pulsanti Annulla e Ripristina, per tornare facilmente sulle modifiche recenti senza perdere il lavoro già fatto.
