Imparerai
Impari ad aggiungere colonne alle sue e-mail, quando necessario, per rendere i suoi modelli più gradevoli dal punto di vista estetico. Ci sono alcuni modi per aggiungere colonne ai suoi modelli. Questo articolo illustra tutti i modi in cui può aggiungere colonne alle sue e-mail e come ottimizzare il design in base al dispositivo.
Quando utilizzare un blocco diviso, le colonne o una tabellaQuando utilizzare un blocco diviso, le colonne o una tabella
Ci sono 3 modi per organizzare i contenuti fianco a fianco utilizzando l'editor e-mail di Klaviyo: blocco diviso, colonne e blocco tabella. Ogni opzione offre alcuni vantaggi e compromessi.
contenuto layout | Numero di colonne | Opzioni di larghezza | Tipi di contenuto consentiti | Le colonne possono essere impilate nella visualizzazione mobile? |
Blocco diviso | 2 | Controllo preciso (usa le impostazioni di divisione > Larghezza delle colonne) | Solo immagine o testo | Sì |
Colonne | 1-4 | Selezione limitata | Qualsiasi tipo di blocco di contenuto (ad esempio, blocco di testo, blocco di immagini, blocco di citazioni di recensioni) | Sì |
Blocco da tavolo | Qualsiasi numero | Controllo preciso (utilizzare la larghezza della colonna > Manuale) | Solo immagine o testo | No |
Le tabelle possono rappresentare una sfida per l'accessibilità, in quanto i lettori di schermo hanno difficoltà ad analizzarle.
Aggiungi un blocco split a un'e-mail
Per aggiungere un blocco diviso a un'e-mail:
- Trascini un blocco Split nel suo modello.
- Regoli le percentuali di layout per personalizzare la larghezza delle 2 colonne.
- Nella sezione Contenuto, scelga se ogni lato del suo blocco diviso deve contenere del testo o un'immagine.
- Clicchi sulle icone sotto il selettore di colonne per passare da una colonna all'altra.
- Clicchi su Salva per salvare il blocco.
Aggiungi colonne a un'e-mail
Per aggiungere colonne a un'e-mail:
- Trascini l'opzione Colonne sotto Layout per creare colonne nella sua e-mail.
- Scelga il layout desiderato dalle opzioni presenti nel modale.
- Trascini blocchi di qualsiasi tipo nelle sue colonne.
A differenza del blocco diviso, può utilizzare qualsiasi blocco, avere più blocchi all'interno della stessa colonna e scegliere di avere più di due colonne. Ad esempio, questa è un'e-mail con un'immagine su un lato e un testo e un pulsante sull'altro.
Inoltre, quando un browser mobile apre l'e-mail, le colonne si sovrappongono l'una all'altra, con il lato sinistro che si sovrappone a quello destro. Se non vuole che le colonne siano impilate su mobile, scelga di utilizzare un blocco tabella.
Aggiungi un blocco tabella a un'e-mailAggiungi un blocco tabella a un'e-mail
Può utilizzare un blocco tabella per creare colonne nella sua e-mail. Mentre i blocchi tabella possono contenere solo testo e immagini, le permettono di personalizzare le sue e-mail con le colonne, mantenendo le colonne affiancate su mobile. Come qualsiasi altro blocco, trascini e rilasci un blocco tabella nella sua e-mail per iniziare.
Per modificare l'aspetto del blocco tabella, vada alle impostazioni del blocco, dove potrà regolare il padding, o spaziatura, intorno alle colonne, nonché i colori dei bordi e i caratteri.
Per ottimizzare l'esperienza mobile, testi la vista mobile del suo tavolo. Se ha una tabella con molte colonne, probabilmente avrà un aspetto ideale solo sul desktop. Per modificare o nascondere una colonna per i dispositivi mobili, regoli l'impostazione nella scheda Colonna.
Per ulteriori informazioni sul design delle e-mail, consulti il nostro corso sul design delle e-mail.
Risorse aggiuntive