Riferimento sulla larghezza ottimale del modello e-mail
Cosa imparerai
Scopri perché la larghezza predefinita dei modelli di e-mail è di 600 px, perché oggi questo è uno standard di settore per le e-mail di marketing e come assicurarti che le tue e-mail abbiano un aspetto coerente su tutti i dispositivi.
Larghezza del modello e-mail
La larghezza predefinita nell'editor e-mail drag-and-drop di Klaviyo è di 600px. Per regolare la larghezza:
- Nell'editor e-mail, seleziona Modifica stili.
- Inserisci un valore in pixel nel campo Larghezza.
- Chiudi il pannello Modifica stili per salvare le modifiche.
Klaviyo non consiglia di aumentare la larghezza del tuo modello, a meno che non sia necessario per un layout più avanzato. Se modifichi la larghezza superando i 600 px, consigliamo anche di testare l’aspetto della tua e-mail su diversi client di posta elettronica e dispositivi.
Comprendere la larghezza dell'e-mail
Quando progetti un'e-mail in Klaviyo, la larghezza impostata del tuo modello crea la cornice per i contenuti della tua e-mail. Qualsiasi contenuto aggiungi al tuo modello dovrebbe rientrare in questa cornice.
La larghezza di 600 px delle e-mail è diventata uno standard di settore nel marketing via e-mail perché, storicamente, la dimensione media di una viewport in tutti i più diffusi client e-mail desktop era compresa tra 500 e 600 px. Il viewport è l’area riquadrata su uno schermo in cui un destinatario leggerà la tua e-mail. Impostando la larghezza della tua e-mail su 600px, puoi assicurarti che, per la dimensione media del viewport, i destinatari non debbano scorrere molto in orizzontale per vedere tutti i contenuti.
Lo standard di e-mail larghe 600 px è rimasto in uso ed è ancora comune oggi, anche se ottimizzare le e-mail su dispositivi diversi (come i dispositivi mobili) sta diventando sempre più importante. Klaviyo consiglia di progettare le e-mail con una larghezza di 600 px per i client desktop. Nell’editor e-mail drag-and-drop, attiva Ottimizza per dispositivi mobili in Modifica stili > Ottimizzazione per dispositivi mobili per applicare adattamenti responsive agli schermi più piccoli, quindi chiudi il pannello per salvare le modifiche. I client e-mail variano per il supporto all’ottimizzazione per dispositivi mobili, quindi testa la tua e-mail su più client e dispositivi.
Tieni presente, tuttavia, che mantenere una larghezza di 600 px ti aiuterà a ottimizzare le e-mail create con Klaviyo per la visualizzazione su dispositivi mobili. Le e-mail progettate per essere molto più larghe hanno maggiori probabilità di apparire distorte quando vengono ridimensionate su un dispositivo mobile, a meno che l’e-mail non sia stata progettata e ottimizzata con attenzione a questo scopo. Per questo, ti invitiamo a evitare di aumentare la larghezza del tuo modello oltre 600 px, a meno che tu non disponga di un designer e/o di altre risorse dedicate per ottimizzare il layout nei diversi client/dispositivi.
Scopri di più sulle opzioni di Klaviyo per l'ottimizzazione per dispositivi mobili.
Contenuto del modello e impostazione della larghezza dell'e-mail
La larghezza impostata del tuo modello crea la cornice per i contenuti della tua e-mail. Spaziatura interna e bordi riducono lo spazio disponibile per i contenuti all'interno di quella cornice.
Klaviyo ridimensiona automaticamente le immagini nei blocchi immagine per adattarle allo spazio disponibile, mantenendo le proporzioni. I blocchi tabella utilizzano la larghezza disponibile per le colonne. Queste impostazioni aiutano a mantenere il layout entro la larghezza dell’e-mail del modello, ma non garantiscono che l’HTML personalizzato si adatti.
Se aggiungi codice personalizzato nei blocchi del modello, mantieni le larghezze entro lo spazio disponibile nel layout. Controlla l’impostazione Larghezza del modello in Modifica stili. L’HTML personalizzato con larghezze fisse superiori allo spazio disponibile può fuoriuscire o essere visualizzato in modo diverso nei client e-mail. Prima dell’invio, testa i contenuti personalizzati su desktop e mobile.