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.
Blocco diviso |
|
Colonne |
|
Blocco tabella |
|
Blocco diviso
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.
Colonne
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.
Blocco tabellaBlocco tabella
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