Imparerai
Scopra perché la larghezza predefinita per i modelli di e-mail è di 600px, perché questo è uno standard del settore per le e-mail di marketing oggi, e come garantire che le sue e-mail siano coerenti tra i vari dispositivi.
Larghezza del modello e-mailLarghezza del modello e-mail
Quando progetta un nuovo modello di email in Klaviyo, la larghezza predefinita di ogni modello è di 600px. Può regolare questa impostazione nella scheda Stili delle impostazioni della sua e-mail, ma Klaviyo non consiglia di aumentare la larghezza del suo modello, a meno che non sia necessario per un layout più avanzato. Se regola la larghezza oltre i 600px, le consigliamo anche di condurre dei test approfonditi sull'aspetto della sua e-mail su diversi client di posta elettronica e dispositivi.
Capire l'ampiezza delle e-mailCapire l'ampiezza delle e-mail
Quando progetta un'e-mail in Klaviyo, la larghezza stabilita del suo modello crea la cornice per il contenuto dell'e-mail. Qualsiasi contenuto aggiunto al suo modello deve rientrare in questa cornice.
La larghezza dell'email di 600px è diventata uno standard del settore nell'email marketing, perché storicamente la dimensione media di una finestra in tutti i client email desktop più diffusi era compresa tra 500-600px. Il viewport è l'area inquadrata su uno schermo in cui il destinatario leggerà la sua e-mail. Impostando la larghezza della sua e-mail a 600px, può fare in modo che, per la dimensione media del viewport, i suoi destinatari non debbano scorrere molto in orizzontale per vedere tutti i suoi contenuti.
Lo standard per le e-mail di 600px di larghezza è rimasto in vigore e rimane comune oggi, anche se l'ottimizzazione delle e-mail su diversi dispositivi (come i cellulari) diventa sempre più importante. Klaviyo lavora duramente per dare ai nostri clienti "il meglio di entrambi i mondi" - consigliamo vivamente di progettare le sue e-mail con una larghezza di 600px, in modo che appaiano eccellenti sui client desktop, e poi faremo il duro lavoro di renderizzazione delle sue e-mail in modo che siano reattive anche su schermi più piccoli (come i dispositivi mobili).
Si noti, tuttavia, che attenersi ad una larghezza di 600px aiuterà ad ottimizzare le e-mail costruite con Klaviyo per la visualizzazione da mobile. Le e-mail progettate per essere molto più ampie hanno un potenziale maggiore di apparire sbilanciate quando vengono ridimensionate su un dispositivo mobile, a meno che l'e-mail non sia stata attentamente progettata e ottimizzata per questo. Per questo motivo, la invitiamo a non aumentare la larghezza del modello oltre i 600px, a meno che non disponga di un designer e/o di altre risorse dedicate per ottimizzare il layout tra i clienti/dispositivi.
Scopra di più sulle opzioni di Klaviyo per l'ottimizzazione mobile.
Contenuti del modello e impostazione dell'ampiezza dell'e-mailContenuti del modello e impostazione dell'ampiezza dell'e-mail
Come già detto, la larghezza stabilita del suo modello crea la cornice per il contenuto della sua email. Mentre può assicurarsi manualmente che tutti i contenuti aggiunti al suo modello abbiano una larghezza massima che si adatti alla cornice stabilita per la sua e-mail, Klaviyo si occuperà anche di questo per lei, mentre aggiunge contenuti al suo modello.
Klaviyo ridimensionerà automaticamente le immagini, mantenendo il rapporto d'aspetto, e limiterà la larghezza di tutti i blocchi in modo che non superino mai la larghezza impostata del modello stesso. Ciò significa che quando aggiunge immagini nel suo modello, o costruisce una tabella con più colonne, vedrà che tutti i blocchi rimangono vincolati alla larghezza dell'email del suo modello.
Se sta aggiungendo del codice personalizzato nei blocchi del template, si assicuri di prendere in considerazione la larghezza impostata nelle impostazioni di Stile del suo template. La larghezza dell'e-mail stabilita nelle impostazioni dello Stile avrà un impatto sul rendering di tutti i blocchi del modello, anche di quelli con codice personalizzato che potrebbero tentare di impostare una larghezza diversa e maggiore.
Risorse aggiuntiveRisorse aggiuntive