Iniziare con l'Email builder

L'Email builder è l'editor di messaggi drag-and-drop di Flexmail. Produce email ottimizzate per mobile automaticamente, non richiede conoscenze di programmazione e offre il pieno controllo su layout, stile e personalizzazione. È l'editor consigliato per la maggior parte delle finalità di email marketing.

Questo articolo spiega come è organizzato l'editor, poi guida nella creazione del primo messaggio da zero.

Prerequisiti

Si dispone di un account Flexmail con accesso a Campagne > Messaggi.
Se si desidera che i colori, i caratteri e il logo del brand vengano applicati automaticamente, configurare prima il Brand kit in Impostazioni > Brand kit.
Avere i contenuti del messaggio pronti: testo, immagini e URL o destinazione per la call to action.

Come è organizzato l'Email builder

L'Email builder ha tre aree:

Pannello sinistro, aggiungere contenuto. Qui si trovano le Strutture e gli Elementi.
Canvas (centro), l'email come apparirà quando ricevuta. Trascinare strutture ed elementi qui, cliccarli per modificarli e riorganizzarli trascinando.
Pannello destro, configurare. Quando si clicca su una struttura o un elemento nel canvas, le sue impostazioni appaiono qui. Qui si trovano anche le impostazioni di Stile email.

Le strutture definiscono il layout delle colonne di ogni riga nell'email. Prima di poter aggiungere qualsiasi contenuto, è necessario inserire una struttura nel canvas. Gli elementi sono il contenuto effettivo — testo, immagini, pulsanti, divisori e altro ancora — che si trascina nelle colonne di una struttura. Il pannello Stile email controlla l'aspetto globale del messaggio.

Consiglio del supporto Configurare le impostazioni di Stile email prima di aggiungere strutture ed elementi. Tutto ciò che si aggiunge in seguito eredita questi valori predefiniti, il che significa molto meno stile manuale per ogni elemento.

Creare un nuovo messaggio

Andare su Campagne, poi Messaggi.
Cliccare su Crea nuovo messaggio.
Cliccare su Inizia a costruire nella sezione Email builder.
Scegliere un modello da cui partire, o cliccare su Nessun modello per iniziare con un canvas vuoto. È possibile visualizzare in anteprima qualsiasi modello prima di selezionarlo.
Dare un nome al messaggio e scegliere una categoria, poi cliccare su Inizia a costruire.

Passo 1: Configurare lo stile email

Prima di aggiungere contenuto, aprire il pannello Stile email cliccando sull'icona Stile email nel pannello di destra quando nulla è selezionato. Verificare le impostazioni globali — se si è configurato un Brand kit, vengono precompilate da esso. Confermare che i colori, i caratteri e la larghezza del contenuto siano corretti. Tutto ciò che si aggiunge al canvas eredita automaticamente queste impostazioni.

Passo 2: Aggiungere strutture

Aprire il pannello Strutture a sinistra. Trovare il layout di colonne desiderato e trascinarlo nel canvas. Una linea indicatrice blu mostra dove atterrerà.

Iniziare con il layout più comune per l'email — tipicamente una colonna singola per intestazione e piè di pagina, e un layout a due colonne per le righe degli articoli. È possibile mescolare liberamente le strutture.

Consiglio del supporto Per email con articoli che hanno ciascuno un'immagine e un testo, utilizzare una struttura separata per ogni articolo. In questo modo ogni immagine e il suo testo si impilano correttamente su mobile, invece che tutte le immagini appaiano prima di tutto il testo.

Passo 3: Aggiungere elementi di contenuto

Con le strutture al loro posto, aprire il pannello Elementi e trascinare il contenuto nelle colonne. Un indicatore blu mostra dove atterrerà ogni elemento. Cliccare su qualsiasi elemento nel canvas per aprirne le impostazioni nel pannello di destra. Per gli elementi testo, un editor di testo avanzato appare direttamente nel canvas.

Passo 4: Aggiungere la personalizzazione

Per personalizzare il messaggio con i dati del contatto, posizionare il cursore in un elemento testo dove si desidera che appaia il contenuto personalizzato. Cliccare sull'icona segnaposto nella barra degli strumenti del testo e selezionare il campo da inserire — nome, ragione sociale o qualsiasi campo personalizzato. I segnaposto appaiono come #firstname# nell'Email builder. Quando viene inviata l'email, ogni segnaposto viene sostituito con il valore effettivo dal record di quel contatto.

Consiglio del supporto Prima di finalizzare il messaggio, configurare il profilo di test in Impostazioni. Questo riempie i segnaposto con dati di esempio realistici in modo che l'Anteprima mostri ciò che i contatti vedranno effettivamente.

Passo 5: Verificare desktop e mobile

Utilizzare il pulsante di attivazione desktop/mobile nella parte superiore del canvas per verificare come appare l'email su entrambi. Alcuni elementi possono essere configurati per mostrarsi o nascondersi su dimensioni di dispositivo specifiche dal loro pannello delle impostazioni.

Passo 6: Anteprima ed esecuzione della Verifica messaggio

Cliccare su Anteprima per aprire un'anteprima a pagina intera del messaggio con i dati del profilo di test applicati. Quando si è soddisfatti del design, cliccare su Verifica messaggio per eseguire un'analisi anti-spam e vedere le anteprime di rendering nei client di posta più diffusi.

Passo 7: Salvare

Le modifiche vengono tracciate automaticamente durante il lavoro. Utilizzare il pulsante Salva regolarmente per creare un punto di salvataggio esplicito. Al termine, chiudere il builder e il messaggio appare nell'elenco dei messaggi, pronto per essere utilizzato in una campagna.

Per riutilizzare questo messaggio come punto di partenza per messaggi futuri, usare la freccia sul pulsante Salva e cliccare su Salva come modello.

Attenzione La cronologia di annulla/ripeti nell'Email builder è basata sulla sessione. Una volta chiuso l'Email builder, non è possibile annullare le modifiche di una sessione precedente. Se si ha bisogno di una cronologia delle versioni persistente, utilizzare l'Editor HTML, che ha una funzione Rollback.

Consigli utili

Duplicare le strutture per costruire rapidamente layout di newsletter multi-articolo. Una volta costruita una riga articolo, duplicarla e sostituire il nuovo contenuto.
Utilizzare elementi Spaziatura invece di paragrafi vuoti per aggiungere spazio verticale tra gli elementi. Le spaziature sono più affidabili tra i client di posta elettronica.
Nominare messaggi e categorie in modo coerente fin dall'inizio. Una volta che si hanno decine di messaggi, una convenzione di denominazione chiara fa risparmiare molto tempo.

Errori comuni da evitare

Saltare la configurazione dello Stile email e applicare stile agli elementi individualmente. Questo crea incoerenza e rende le modifiche future ai modelli molto più difficili.
Non verificare la vista mobile prima dell'invio. Un layout a due colonne che sembra ottimo sul desktop potrebbe impilare scompostamente su mobile se le strutture non sono configurate correttamente.
Chiudere l'Email builder senza salvare. Sebbene le modifiche vengano tracciate durante la sessione, creare sempre un punto di salvataggio esplicito prima di chiudere per assicurarsi che nulla vada perso.
Aggiungere contenuto senza una struttura. Gli elementi possono essere inseriti solo all'interno di strutture — non è possibile trascinare contenuto direttamente nel canvas senza una struttura al suo posto.

Passi successivi

Consulti "Email builder: strutture" per un'analisi più approfondita di come le strutture controllano il layout e il comportamento mobile.
Consulti "Email builder: elementi di contenuto" per un riferimento a tutti i tipi di elementi disponibili e le loro impostazioni.
Consulti "Email builder: impostazioni stile email" per la documentazione completa del pannello stile globale.
Una volta pronto il messaggio, creare una campagna in Campagne > Gestisci campagne.