L'Editor email di Omnisend ti consente di passare tra le visualizzazioni di modifica desktop e mobile direttamente nell'editor – così puoi progettare e modificare la tua email per entrambi i dispositivi senza cambiare strumenti.
In questo articolo, imparerai come cambiare visualizzazione, modificare in modalità mobile, controllare l'impilamento delle colonne e mostrare o nascondere contenuti in base al dispositivo.
Prima di iniziare
Utilizza un desktop o un laptop per modificare le email. L'Editor email non è ottimizzato per dispositivi mobili e potrebbe non funzionare correttamente su schermi piccoli.
Questa funzionalità è disponibile sia in Email Campaigns che in Flussi automatizzati.
La visualizzazione mobile mostra solo contenuti statici – gli elementi dinamici (nomi dei contatti, raccomandazioni sui prodotti, codici sconto) non verranno visualizzati. Usa Anteprima e Test per visualizzare contenuti dinamici e rendering in modalità scura prima dell'invio.
Questa funzione è diversa da Anteprima e Test, che mostra il rendering finale della tua email con contenuti dinamici e modalità scura. La visualizzazione mobile nel builder è per lavoro di modifica e design.
Questo ti aiuta:
Progettare con un approccio mobile-first
Modificare i contenuti mentre visualizzi il layout mobile
Catturare i problemi di layout in anticipo senza lasciare l'editor
Risparmia tempo e semplifica il tuo flusso
Passa tra le visualizzazioni desktop e mobile
Passa tra le visualizzazioni desktop e mobile direttamente nell'Editor email per progettare e modificare la tua email per ciascun dispositivo.
Per cambiare visualizzazione:
Apri l'Editor email (in una Campagna o nel passaggio email del Flusso automatizzato).
Trova il commutatore del dispositivo nella barra degli strumenti in alto (accanto al pulsante annulla).
Clicca sull'icona per passare tra:
Desktop (icona del monitor) – Visualizzazione di modifica predefinita
Mobile (icona del telefono) – Visualizzazione di modifica del layout mobile
Il canvas si ridimensiona istantaneamente per simulare il dispositivo selezionato. Puoi modificare la tua email in entrambe le modalità.
💡 Nota: Passare da una visualizzazione all'altra è istantaneo e non distruttivo – cambia solo il modo in cui la tua email è visualizzata nell'editor, non la sua struttura.
Modifica in visualizzazione mobile
Puoi modificare completamente la tua email mentre la visualizzi in modalità mobile. Tutte le azioni di modifica funzionano sia nella visualizzazione desktop che in quella mobile:
Trascina e rilascia i blocchi
Modifica il testo
Sostituisci le immagini
Modifica i pulsanti
Regola gli spazi
Aggiorna gli articoli del prodotto
Non è necessario tornare alla visualizzazione desktop per apportare modifiche.
Come funziona la visualizzazione mobile
Quando passi alla visualizzazione mobile:
Il canvas si adatta alla larghezza dello schermo mobile (circa 320–414px).
Il contenuto viene visualizzato come sarebbe nei client email mobili.
Le modifiche si riflettono in tempo reale.
La visualizzazione mobile mostra come la tua email verrà visualizzata sui dispositivi mobili, inclusi:
Impilamento delle colonne (layout multi-colonna diventano a colonna singola)
Testo a capo
Ridimensionamento dei pulsanti
Regolazioni degli spazi
Questo assicura che il tuo design corrisponda al risultato finale visto dai destinatari.
⚠️ Importante: La visualizzazione mobile nel builder mostra solo contenuti statici. Gli elementi dinamici come i nomi dei contatti, le raccomandazioni sui prodotti e i codici sconto non verranno visualizzati. Per visualizzare contenuti dinamici e rendering in modalità scura, utilizza Anteprima e Test (barra degli strumenti in alto).
💬 Scopri di più: Anteprima e Test delle Campagne e Automazioni
Controlla l'impilamento delle colonne su mobile
Per impostazione predefinita, i layout multi-colonna si impilano verticalmente sui dispositivi mobili. Puoi personalizzare questo comportamento.
Per cambiare l'impilamento delle colonne:
Clicca sul layout (non sugli elementi individuali al suo interno).
Vai a Layout (pannello di destra) → Impilamento mobile.
Scegli:
Impila colonne (predefinito) – Le colonne appaiono una sotto l'altra su mobile
Mantieni affiancate – Le colonne rimangono affiancate su mobile
Casi d'uso: Griglie di prodotto, sezioni di confronto o layout in cui il contenuto affiancato è essenziale su mobile.
💬 Scopri di più: Ottimizza i layout delle email con il mobile stacking
Mostra o nascondi contenuti in base al dispositivo
Controlla quali contenuti appaiono su desktop, mobile o entrambi.
Per impostare la visibilità:
Clicca sull'elemento o layout che desideri modificare.
Vai a Layout (pannello di destra) → Impostazioni di visualizzazione.
Scegli:
Tutti i dispositivi (predefinito)
Solo dispositivi mobili
Solo dispositivi desktop
Mostra un'immagine grande in evidenza solo su desktop
Mostra una versione semplificata per gli utenti mobili
Utilizza layout diversi per ciascun dispositivo
Questo ti aiuta a ottimizzare la tua email senza duplicare i modelli.
💡 Consiglio: Usa lo strumento Anteprima e Test per controllare come appare la tua email su entrambi i dispositivi con contenuti dinamici.
Domande frequenti
Posso modificare in visualizzazione mobile sul mio telefono o tablet?
No. L'Editor email (incluso il passaggio alla visualizzazione mobile) è ottimizzato solo per l'uso su desktop e laptop. Utilizza un browser desktop (Chrome consigliato) per la migliore esperienza.
Cambiare alla visualizzazione mobile modifica la struttura della mia email?
No. Il toggle cambia solo il modo in cui la tua email è visualizzata nell'editor – non altera la struttura o il codice reale. La tua email verrà visualizzata correttamente su entrambi i dispositivi.
Qual è la differenza tra la visualizzazione mobile nel builder e Anteprima & Test?
Attivazione della visualizzazione mobile (nel builder): Ti consente di progettare e modificare mentre visualizzi il layout mobile. Il contenuto è statico – gli elementi dinamici (nomi dei contatti, raccomandazioni sui prodotti) non verranno visualizzati. Usa questo per lavoro di design.
Anteprima e Test: Mostra come la tua email verrà effettivamente visualizzata nei client email, inclusi contenuti dinamici, modalità scura e rendering specifico per dispositivo. Non modificabile – usalo per revisione finale prima di inviare.
💬 Scopri di più: Anteprima e Test delle Campagne & Automazioni, Modalità Scura nelle Email.
Posso impostare immagini diverse per mobile e desktop?
Sì. Usa Impostazioni di visualizzazione (Layout → Impostazioni di visualizzazione → Solo dispositivi mobili / Solo dispositivi desktop) per mostrare immagini diverse su ciascun dispositivo. Questo è utile per mostrare immagini ottimizzate per ciascuna dimensione dello schermo.
I miei iscritti vedranno ciò che vedo io nella visualizzazione mobile?
Sì, con un'eccezione: la visualizzazione mobile mostra solo contenuti statici. I tuoi abbonati vedranno il layout mobile più contenuti dinamici (il loro nome, raccomandazioni di prodotto personalizzate, codici sconto, ecc.). Invia sempre un'email di prova per vedere il risultato finale.
⚠️ Nota: Le funzionalità avanzate di personalizzazione mobile (ad es., padding specifico per mobile, dimensioni dei caratteri o layout mobili indipendenti) non sono ancora disponibili. Queste potrebbero essere aggiunte in futuri aggiornamenti.
Sto cercando di modificare sul mio telefono/tablet, ma il layout è difficile da usare. Perché?
L'Editor email è ottimizzato per i browser desktop o laptop. Su dispositivi mobili, puoi fare rapide modifiche di testo, ma molte funzionalità di editing non sono disponibili.
Cosa puoi fare sui browser mobili:
Modificare il testo nei blocchi esistenti
Aggiornare il testo in movimento
Cosa richiede un desktop:
Aggiungere o rimuovere blocchi
Trascinare e rilasciare elementi
Regolare layout, spaziatura o padding
Cambiare immagini o pulsanti
Accedere ai controlli di design completi
Per la migliore esperienza di editing, usa un browser desktop.
Hai bisogno di aiuto? Contattaci a [email protected] o tramite la chat in-app.