Come usare un blocco split in un'e-mail
Cosa imparerai
Scopri come utilizzare un blocco split per disporre i contenuti affiancati in Klaviyo.
Quando usare un blocco split
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. Un blocco split è ideale quando:
- Ti servono 2 colonne e vuoi avere il pieno controllo sulla larghezza di ciascuna.
- Vuoi posizionare testo o immagini affiancati.
- Vuoi scegliere se le colonne vengono impilate su dispositivo mobile o rimangono affiancate.
Scopri di più sui blocchi split, sulle colonne e sulle tabelle nel grafico qui sotto.
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 Stili > Layout) | 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) | 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 modello di e-mail
Per usare l'impilamento su dispositivo mobile e le anteprime per dispositivo mobile, assicurati che Ottimizza per dispositivi mobili sia attivo nelle impostazioni Stili > Ottimizzazione per dispositivi mobili dell’e-mail.
- All’interno di un modello di e-mail, trascina un blocco split nell’area di lavoro.
- In Selettore di colonne, passa dal lato sinistro al lato destro dello split.
- In Contenuto colonna, scegli se il lato attualmente selezionato dello split deve contenere un’immagine o del testo.
- Per il testo, fai doppio clic sul testo nel canvas dell’e-mail e inserisci i tuoi contenuti. Per un’immagine, usa i controlli dell’immagine nella barra laterale per selezionare o caricare un’immagine.
- Ripeti il processo per l'altro lato dello split.
- Apri la scheda Stili del blocco.
- In Layout, modifica Col 1 width o Col 2 width per impostare la larghezza delle colonne in percentuale. L’altra colonna si regola automaticamente in modo che il totale resti al 100%.
- Imposta "Spaziatura" per regolare lo spazio tra le colonne in pixel.
- In Impilamento su dispositivi mobili nella scheda Stili del blocco, scegli Da sinistra a destra o Da destra a sinistra per impilare le colonne oppure Nessun impilamento per mantenerle affiancate.
- Fai clic su Anteprima, poi passa da Desktop a Mobile per verificare la larghezza delle colonne, la spaziatura e l’impilamento.
Risorse aggiuntive
- How to build dynamic blocks in a flow email
Learn how to use dynamic table blocks to add product and other event information to your metric-triggered flows. In this article, you'll learn how to create a dynamic block using the example of an abandoned cart reminder showing the products that were left behind.
- How to add columns to an email
Learn how to add columns to your emails when needed to make your templates more aesthetically pleasing. There are a few ways to add columns to your templates. This article will run through all the ways you can add columns to your email and how to optimize your design based on device.