L'Email è il canale principale per comunicare con il tuo Audience, quindi le tue email devono avere un aspetto fantastico e riflettere il tuo marchio.
L'Editor email di Omnisend semplifica il design con strumenti drag-and-drop, modelli predefiniti e layout mobile-first – nessuna competenza di design necessaria.
In questo articolo, imparerai come accedere all'Editor email, scegliere un template email, aggiungere layout e elementi, e salvare il tuo design.
Prima di iniziare
Usa un desktop o un laptop. L'Editor email non è ottimizzato per dispositivi mobili e potrebbe non funzionare correttamente su schermi piccoli.
Configura Asset del Brand una volta per applicare automaticamente il tuo logo, colori e stili dei pulsanti a ogni Email. Scopri di più sugli Asset del Marchio.
Esplora gli Elementi disponibili (testo, immagini, pulsanti, prodotti, ecc.) in questa guida.
Controlla le FAQ dell'Editor email per domande comuni.
Accesso all'Editor email
L'Editor email può essere accessibile tramite Campagne o Flussi automatizzati:
Attraverso le Campagne:
Vai a Campagne → + Nuova campagna → Crea email.
Inserisci la tua linea dell'oggetto, nome del mittente e Email del mittente.
Clicca su Scegli Template Email per aprire l'Editor email.
Attraverso le Automazioni:
Vai a Flusso automatizzato → + Nuovo Flusso o seleziona un flusso esistente.
Aggiungi o modifica un passaggio Email nel tuo flusso.
Clicca su Modifica Contenuto o Scegli Template Email per aprire l'Editor email.
Passaggio 1. Seleziona il Template email
Sfoglia i modelli di email ottimizzati per dispositivi mobili o filtra per obiettivo (Benvenuto, Promozione, Lancio Prodotto, ecc.) per trovare quello che soddisfa le tue esigenze.
Per costruire da zero: Filtra per Altri Obiettivi e scegli il Testo Semplice o Template email HTML. Poi aggiungi i tuoi Layout e Articoli dalla barra laterale sinistra.
Per creare un'email in stile Gmail: Usa un Blocco HTML/Testo con un'impostazione di larghezza ampia (ad es., 1400px). Nota: Il pulsante di disiscrizione apparirà comunque (richiesto dalla legge).
Come Funziona:
Utilizza un blocco HTML/Testo invece di un template di testo semplice.
Imposta la larghezza del blocco su un valore elevato (ad es., 1400px) per creare un aspetto più simile a quello di un client email.
Fai attenzione che larghezze estremamente grandi potrebbero causare una barra di scorrimento orizzontale su alcuni schermi.
Il pulsante di disiscrizione sarà comunque incluso, come richiesto.
Passo 2. Inizia a costruire la tua Email
⚠️ Importante: Aggiungi sempre un Layout prima dalla scheda Layout a sinistra. Gli elementi (testo, immagini, pulsanti) devono essere posizionati all'interno dei layout. Se il drag-and-drop non funziona, controlla di aver aggiunto prima un layout.
Come Aggiungere un Layout
Clicca su Aggiungi Elementi a sinistra.
Passa alla scheda Layouts.
Trascina un layout (una colonna, due colonne, ecc.) sulla tela.
Come Aggiungere Elementi
Riapri Aggiungi Elementi a sinistra.
Trascina gli elementi (testo, immagine, pulsante, prodotto, ecc.) nelle sezioni del tuo layout.
💡 Consiglio: Controlla questa guida per conoscere tutti gli elementi disponibili.
Personalizza il tuo layout
Controlli a sinistra (icone sul layout): Duplica, elimina, sposta o salva l'intero layout.
Controlli a destra (icone sugli elementi singoli): Sposta, elimina, salva o stilizza un elemento specifico.
Passa tra le Visualizzazioni Desktop e Mobile
Passa tra le visualizzazioni desktop e mobile direttamente nell'editor per vedere come la tua Email viene visualizzata su ciascun dispositivo.
Per cambiare visualizzazione:
1. Trova il commutatore del dispositivo nella barra degli strumenti in alto (accanto al pulsante annulla).
2. Clicca sull'icona per passare tra:
- Desktop (icona monitor) – Visualizzazione di editing predefinita
- Mobile (icona del telefono) – Vista di modifica del layout mobile
La tela si ridimensiona istantaneamente. Puoi modificare la tua Email in entrambi i modi.
💡 Nota: La visualizzazione mobile mostra solo contenuti statici. Gli elementi dinamici (nomi dei contatti, raccomandazioni sui prodotti) non verranno visualizzati. Usa Anteprima e Test per visualizzare contenuti dinamici e la modalità scura. 💬 Scopri di più: Modifica le Email nella Visualizzazione Mobile e Desktop.
Passaggio 3. Progetta la tua Email
Usa il pannello Impostazioni Email a destra per stilizzare la tua Email:
Larghezza: Regola la larghezza della tela (predefinita: 600px).
Colori: Imposta i colori di sfondo e della tela. Usa il selettore di colori per inserire un valore esadecimale o campiona qualsiasi colore direttamente dalla tua Email usando il contagocce.
Pulsanti: Scegli lo stile del pulsante (arrotondato, bordi netti, ecc.).
Puoi cambiare la larghezza dell'Email e regolare le impostazioni del tema, inclusi i colori di sfondo e della tela nelle impostazioni di sfondo e lo stile del pulsante nelle impostazioni dei pulsanti.
Annulla/Ripeti
Usa i pulsanti di annullamento/ripristino nell'angolo in alto a destra. Passi di annullamento illimitati ti permettono di tornare all'inizio.
Nota: La cronologia delle modifiche annullate si resetta se ricarichi la pagina. Salva regolarmente il tuo template per evitare di perdere progressi.
💡 Scorciatoie da tastiera
Accelera la tua modifica con queste scorciatoie:
Azione | Windows | Mac |
Rimuovi blocco o sezione attiva | Backspace / Elimina | Backspace / Elimina |
Cancella selezione | Esc | Esc |
Duplica blocco o sezione | Ctrl + D | Cmd + D |
Copia blocco o sezione | Ctrl + C | Cmd + C |
Taglia blocco o sezione | Ctrl + X | Cmd + X |
Incolla dagli appunti | Ctrl + V | Cmd + V |
Annulla | Ctrl + Z | Cmd + Z |
Ripeti | Shift + Ctrl + Z | Shift + Cmd + Z |
Lascia Spazi Intenzionalmente
Puoi lasciare le sezioni del layout vuote per creare design focalizzati e intricati.
Impostazioni di visibilità
Mostra o nascondi elementi specifici su mobile rispetto a. desktop per una migliore reattività.
Perché ottimizzare separatamente?
Migliore leggibilità: Ridimensiona i caratteri e i pulsanti per un'interazione mobile più facile.
Controllo del design migliorato: Usa diverse dimensioni delle immagini o spaziatura del testo su mobile.
Maggiore coinvolgimento: Email mobili ben ottimizzate migliorano i tassi di clic.
Identifica gli elementi chiave che necessitano di aggiustamenti
Le immagini, l'allineamento del testo e le dimensioni dei pulsanti possono apparire diversamente su mobile rispetto a. desktop.
Se un'Email appare bene su desktop ma non su mobile, considera di utilizzare elementi separati per diversi dispositivi
Come impostare la visibilità
Fai clic sull'elemento che desideri modificare.
Vai a Layout (pannello destro) → Impostazioni di visualizzazione.
Scegli:
Tutti i dispositivi (predefinito)
Solo dispositivi mobili
Solo dispositivi desktop
💡 Consiglio: Usa il Strumento di anteprima per controllare come la tua Email appare su desktop e mobile.
Passaggio 4. Salva il tuo design
Salva come Template
Fai clic sul menu a discesa nell'angolo in alto a destra. Seleziona Salva come template.
Dai un nome al tuo template.
I modelli salvati appaiono sotto Modelli Salvati quando crei una nuova campagna o flusso automatizzato.
Salva layout o elementi individuali
Salva layout intero: Fai clic sull' icona Salva a sinistra (controlli del layout).
Salva singolo elemento: Fai clic sull' Icona Salva a destra (controlli dell'elemento).
Trova layout e elementi salvati nella scheda Biblioteca.
Risoluzione dei problemi
Il drag-and-drop non funziona?
Aggiungi un layout prima (vedi Passo 2).
Ricarica il tuo browser (la cronologia di annullamento verrà ripristinata).
Prova un browser diverso (Chrome consigliato).
Disabilita temporaneamente le estensioni del browser.
Controlla che i cookie di terze parti e JavaScript siano abilitati.
Il blocco HTML continua a scomparire?
Mantieni i tag anche se vuoti – sono richiesti per la validazione. Se il blocco scompare, il tuo HTML potrebbe avere errori di validazione. Usa un validatore HTML per correggere i problemi di formattazione.
Controllo del colore del testo non visibile?
Seleziona testo semplice (non un collegamento ipertestuale) all'interno di un elemento di testo. Cerca la barra degli strumenti di stile nel pannello destro. Il selettore di colori dovrebbe apparire accanto a opzioni di formattazione come grassetto, corsivo e altre.
Pulsante di annullamento inaffidabile?
Ricaricare la pagina cancella la cronologia di annullamento. Salva regolarmente il tuo template (menu a discesa in alto a destra → Salva come template) per evitare di perdere progressi.
Domande frequenti
Perché non posso trascinare elementi nella mia Email?
Devi prima aggiungere un Layout. Gli elementi (testo, immagini, pulsanti) devono essere posizionati all'interno dei layout. Vai a Aggiungi elementi → Layout, trascina un layout sulla tela, quindi trascina gli elementi nelle sezioni del layout.
Se il drag-and-drop non funziona ancora dopo aver aggiunto un Layout:
• Ricarica il tuo browser (nota: la cronologia di annullamento andrà persa).
• Cancella cache e cookie.
• Prova un browser diverso (Chrome, Firefox, Safari) o la modalità in incognito.
• Controlla che JavaScript e i cookie di terze parti siano abilitati.
Se il problema persiste, contatta il nostro supporto con la tua versione del browser e il sistema operativo.
Il drag-and-drop è disponibile nel Piano gratuito, o è limitato ai piani a pagamento?
Tutte le funzionalità dell'Editor email, incluso il drag-and-drop, sono completamente disponibile nel Piano gratuito. Non ci sono restrizioni. Se hai problemi, assicurati di aver prima aggiunto un Layout (vedi sopra).
Posso creare un'email da zero senza un template?
Sì. Durante la selezione del template, filtra per Altri Obiettivi e scegli il Testo Semplice o il Template email HTML. Questi ti danno una tela vuota. Poi costruisci il tuo layout utilizzando le schede Layout e Elementi.
Perché il mio blocco HTML personalizzato continua a scomparire?
I blocchi HTML potrebbero scomparire se il codice ha errori di validazione. Mantieni i tag anche se vuoti – sono richiesti. Evita di rimuovere la struttura HTML essenziale. Usa un validatore HTML per controllare il tuo codice prima di incollarlo nel builder. Inoltre, nota che il ricaricamento della pagina potrebbe causare la scomparsa di blocchi HTML non salvati.
Il pulsante di annullamento non funziona. Come posso recuperare il contenuto eliminato?
Il pulsante di annullamento (angolo in alto a destra) si ripristina se ricarichi la pagina. Se la cronologia di annullamento è persa, dovrai riaggiungere manualmente il contenuto eliminato. Consiglio: Salva frequentemente la tua email come template (menu a discesa in alto a destra → Salva come template) per evitare di perdere progressi.
Perché non posso inserire immagini dalla mia libreria?
Se il pulsante "Seleziona" nella tua libreria di immagini è difficile da vedere o mancante, prova a cambiare il layout di visualizzazione utilizzando il pulsante di attivazione/disattivazione della griglia/elenco nella parte superiore della libreria. Se il problema persiste, contatta il supporto.
Posso usare l'Editor email sul mio telefono o tablet?
L'Editor email è ottimizzato solo per l'uso su desktop e laptop. Creare email su mobile o tablet può causare problemi di funzionalità come un drag-and-drop non reattivo. Usa un browser desktop (Chrome consigliato) per la migliore esperienza.
Come faccio a eliminare un layout o un elemento nella mia Email?
Usa i controlli a sinistra (icone che appaiono quando passi il mouse su un layout) per eliminare interi layout. Usa i controlli a destra (icone per singoli elementi all'interno dei layout) per eliminare singoli elementi come testo o immagini. Entrambi hanno un'icona del cestino per l'eliminazione.
Qual è la differenza tra Product Listing e Product Recommender?
Elenco Prodotti: Selezioni manualmente quali prodotti mostrare. Le informazioni sui prodotti sono statiche (acquisite quando crei l'email). Nessun limite sul numero di prodotti.
Product Recommender: Recupera automaticamente fino a 12 prodotti in base alla logica che scegli (ad es., i più venduti, simili agli acquisti passati). Le informazioni sul prodotto sono dinamiche (si aggiornano al momento dell'invio). Personalizzate per ogni destinatario.
Utilizza Product Listing per promozioni specifiche e curate. Utilizza Product Recommender per suggerimenti personalizzati e dinamici.
Come posso inserire layout tra contenuti esistenti?
I layout possono essere posizionati solo in cima o in fondo ai contenuti esistenti. Per aggiungere un layout nel mezzo:
Passa il mouse sopra il layout esistente → clicca su 'Sposta in basso' per creare spazio.
Trascina il nuovo layout nello spazio.
Oppure usa Annulla per ricostruire la tua struttura da zero.
Come faccio a impilare i blocchi verticalmente o a posizionare gli elementi affiancati nella mia Email?
Usa layout multicolonna per flessibilità:
• Per elementi affiancati (ad es., immagine + testo): Aggiungi un layout a 2 colonne, quindi trascina gli elementi in ciascuna colonna.
impilamento verticale: Aggiungi layout a colonna singola uno dopo l'altro. Trascina gli elementi in ciascun layout.
Puoi anche passare il mouse su un layout e usare i controlli Sposta su/giù per riordinare le sezioni.
Hai domande? Contatta il nostro team di Supporto a [email protected] o tramite chat in-app.