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.
Le opzioni di modifica mobile e desktop si applicano solo all'Editor email drag-and-drop.Non sono disponibili per email solo testo.
La visualizzazione mobile mostra solo contenuti statici – gli elementi dinamici (nomi dei contatti, raccomandazioni sui prodotti, codici sconto) non verranno visualizzati. Usa Anteprima & 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 tenendo presente il mobile-first
Modifica il contenuto mentre visualizzi il layout mobile
Identificare i problemi di layout in anticipo senza lasciare l'editor
Risparmia tempo e semplifica il tuo flusso di lavoro
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 in un passaggio di email automatizzato).
Trova il commutatore dispositivo nella barra degli strumenti in alto (accanto al pulsante annulla).
Clicca sull'icona per passare tra:
Desktop (icona monitor) – Visualizzazione di modifica predefinita
Mobile (icona telefono) – Visualizzazione di modifica layout mobile
Il canvas si ridimensiona istantaneamente per simulare il dispositivo selezionato. Puoi modificare la tua Email in entrambi i modi.
💡 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 nelle visualizzazioni desktop che mobili:
Trascina e rilascia blocchi
Modifica testo
Sostituisci immagini
Modifica pulsanti
Regola spaziatura
Aggiorna articoli di 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 apparirebbe nei client email mobili.
Le modifiche si riflettono in tempo reale.
La visualizzazione mobile mostra come la tua email verrà renderizzata sui dispositivi mobili, inclusi:
Impilamento colonne (layout multi-colonna diventano a colonna singola)
Avvolgimento del testo
Ridimensionamento dei pulsanti
Regolazioni di spaziatura
Questo garantisce 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 & Test (barra degli strumenti in alto).
5c8 Scopri di più: Anteprima e Test Campagne & Automazioni
Controlla l'Impilamento 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:
Fai clic sul layout (non sugli elementi individuali al suo interno).
Vai a Layout (pannello destro) 9e6 Impilamento mobile.
Scegli:
Impila colonne (predefinito) – Le colonne appaiono una sotto l'altra su mobile
Mantieni affiancate – Le colonne rimangono una accanto all'altra 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 Contenuto per Dispositivo
Controlla quale contenuto appare su desktop, mobile o entrambi.
Per impostare la visibilità:
Fai clic sull'elemento o layout che desideri modificare.
Vai a Layout (pannello destro) 9e6 Impostazioni di visualizzazione.
Scegli:
Tutti i dispositivi (predefinito)
Solo dispositivi mobili
Solo dispositivi desktop
Mostra un'immagine hero grande solo su desktop
Mostra una versione semplificata per gli utenti mobili
Usa 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.
Passare alla visualizzazione mobile cambia 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.
5a5 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 in 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 test 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. Questi potrebbero essere aggiunti in aggiornamenti futuri.
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:
Modifica il testo nei blocchi esistenti
Aggiorna il testo in movimento
Cosa richiede un desktop:
Aggiungi o rimuovi blocchi
Trascina e rilascia elementi
Regola layout, spaziatura o padding
Cambia immagini o pulsanti
Accedi a controlli di design completi
Per la migliore esperienza di editing, utilizza un browser desktop.
Hai bisogno di aiuto? Contattaci a [email protected] o tramite la chat in-app.