Come aggiungere colonne a un'e-mail
Cosa imparerai
Scopri come aggiungere colonne alle tue e-mail quando necessario, per rendere i tuoi modelli più gradevoli dal punto di vista estetico. Esistono diversi modi per aggiungere colonne ai tuoi modelli. Questo articolo illustrerà tutti i modi in cui puoi aggiungere colonne alla tua e-mail e come ottimizzare la progettazione in base al dispositivo.
Quando usare un blocco split, le colonne o una tabella
Esistono 3 modi per disporre i contenuti affiancati usando l’editor e-mail di Klaviyo: blocco split, colonne e blocco tabella. Ogni opzione offre determinati vantaggi e compromessi.
Layout dei contenuti | Numero di colonne | Opzioni di larghezza | Tipi di contenuto consentiti | Le colonne possono impilarsi nella visualizzazione per dispositivi mobili? |
Blocco split | 2 | Controllo preciso (usa Impostazioni split > Larghezze colonna) | Solo immagine o testo | Sì |
Colonne | 1-4 | Selezione limitata | Qualsiasi tipo di blocco di contenuti (ad esempio blocco di testo, blocco immagine, blocco di citazione di recensione) | Sì |
Blocco tabella | Qualsiasi numero | Controllo preciso (usa Larghezza colonna > Manuale) | Solo immagine o testo | No |
Le tabelle possono essere complesse per l’accessibilità, perché gli screen reader fanno fatica a interpretarle.
Aggiungi un blocco split a un'e-mail
Per aggiungere un blocco split a un’e-mail:
- Trascina un blocco split nel tuo modello.
- Modifica le percentuali del Layout per personalizzare la larghezza delle 2 colonne.
- Nella sezione Contenuto, scegli se ogni lato del tuo blocco split deve contenere testo o un'immagine.
- Fai clic sulle icone sotto Selettore di colonne per passare da una colonna all’altra.
- Fai clic su Salva per salvare il blocco.
Aggiungi colonne a un'e-mail
Per aggiungere colonne a un'e-mail:
- Trascina l'opzione Colonne in Layout per creare colonne nella tua e-mail.
- Scegli il layout che preferisci tra le opzioni nella finestra modale.
- Trascina blocchi di qualsiasi tipo nelle tue colonne.
A differenza del blocco split, puoi usare qualsiasi blocco, inserire più blocchi all'interno della stessa colonna e scegliere di avere più di due colonne. Ad esempio, questa è un'e-mail con un'immagine da un lato e testo e un pulsante dall'altro.
Inoltre, quando un browser mobile apre l’e-mail, le colonne si impileranno una sopra l’altra, con il lato sinistro sopra il lato destro. Se non vuoi che le colonne vengano impilate sui dispositivi mobili, scegli di usare un blocco tabella.
Aggiungi un blocco tabella a un’e-mail
Puoi usare un blocco tabella per creare colonne nella tua e-mail. Sebbene i blocchi tabella possano contenere solo testo e immagini, ti permettono di personalizzare le tue e-mail con colonne mantenendo le colonne affiancate su dispositivi mobili. Come per qualsiasi blocco, trascina e rilascia un blocco tabella nella tua e-mail per iniziare.
Per modificare l'aspetto del blocco tabella, vai alle impostazioni del blocco, dove puoi regolare la spaziatura interna, o spaziatura, attorno alle colonne, oltre ai colori dei bordi e ai caratteri.
Per ottimizzare l'esperienza su dispositivi mobili, testa la visualizzazione mobile della tua tabella. Se hai una tabella con molte colonne, probabilmente avrà un aspetto ideale solo su desktop. Per modificare o nascondere una colonna su dispositivi mobili, regola l'impostazione nella scheda della colonna.
Per maggiori informazioni sulla progettazione delle e-mail, dai un’occhiata al nostro corso sulla progettazione delle e-mail
Risorse aggiuntive
- Come aggiungere un nome a un'e-mail, a un SMS o a un messaggio push
Scopri come aggiungere una variabile che inserisce dinamicamente il nome del destinatario in un'e-mail, un SMS o un messaggio push. Queste sono supportate nelle campagne e nei flussi, nel corpo di qualsiasi messaggio e nell'oggetto di un'e-mail.
- Informazioni di riferimento sulle procedure consigliate per l'accessibilità nei messaggi e-mail e nei moduli
Scopri come rendere più accessibili i tuoi e-mail e i moduli d'iscrizione. Quando progetti le tue e-mail e i moduli d'iscrizione, assicurati che i tuoi design siano accessibili a tutti i destinatari.