Cosa imparerai
Impara a utilizzare un blocco split per disporre i contenuti uno accanto all'altro in Klaviyo.
Quando utilizzare un blocco split
Esistono 3 modi per disporre i contenuti uno accanto all'altro utilizzando l'editor di posta elettronica di Klaviyo: split blocco, colonne e blocco tabella. Ogni opzione offre alcuni vantaggi e compromessi. Il blocco di split è il migliore quando:
- Hai bisogno di due colonne e vuoi avere il pieno controllo sulla larghezza di ciascuna.
- Devi inserire solo testo o immagini affiancate, perché altri tipi di contenuto non sono supportati.
- Vuoi scegliere se le colonne si impilano su mobile o se rimangono affiancate.
Per saperne di più su split blocco, colonne e tabelle, consulta la tabella sottostante.
| 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 split blocco a un modello di e-mail
- All'interno di un modello di e-mail, trascina un blocco diviso nell'area di disegno.
- Alla voce Selettore di colonne, seleziona tra i lati destro e sinistro del sito split.
- In Colonna contenuto, scegli se il lato attualmente selezionato di split deve contenere un'immagine o del testo.
- Aggiungi il tuo testo o la tua immagine nel campo sottostante.
- Ripeti il procedimento per l'altro lato di split.
- Apri la scheda Stili del blocco.
- Imposta la larghezza di ogni colonna come percentuale del totale. Le percentuali devono sommarsi al 100%.
- Imposta il padding tra i lati di split nei campi della larghezza della colonna.