Come aggiungere colonne a un'e-mail

Tempo di lettura stimato 3 in minuti
|
Ultimo aggiornamento: 17 dic 2024, 18:56 EST
Imparerai

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 tabella

Quando 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
  • Esattamente 2 colonne
  • Controlli con precisione la larghezza di ogni colonna, utilizzando l'opzione Larghezza colonne nelle impostazioni della divisione.
  • Scegli tra un'immagine o un testo per ogni lato del split
  • Altri blocchi (ad esempio, blocchi tabella, blocchi prodotto, blocchi pulsante) non possono essere aggiunti all'interno di un blocco diviso.
  • Specifichi se le colonne devono essere impilate su mobile o rimanere affiancate.
Colonne
  • Scelga il numero di colonne (1-4)
  • Selezione limitata di opzioni di larghezza
  • Aggiunga qualsiasi tipo di contenuto (ad esempio, blocco di testo, blocco di immagini, blocco di citazioni di recensioni) all'interno di una colonna. 
  • Si impila sempre su mobile quando l'ottimizzazione mobile è attiva
  • Non può essere collocato all'interno di sezioni esistenti; invece, lo collochi tra le sezioni. 
Blocco tabella
  • Scelga un numero qualsiasi di colonne 
  • Ogni colonna ha la stessa larghezza
  • Scelga tra un'immagine o un testo per ogni colonna
  • Altri blocchi (ad esempio, blocchi tabella, blocchi prodotto, blocchi pulsante) non possono essere aggiunti all'interno di un blocco tabella.
  • Le colonne rimangono affiancate su mobile
  • Le tabelle possono rappresentare una sfida per l'accessibilità, in quanto i lettori di schermo hanno difficoltà ad analizzarle.
Blocco diviso

Blocco diviso

Per aggiungere un blocco diviso a un'e-mail: 

  1. Trascini un blocco Split nel suo modello. 
  2. Regoli le percentuali di layout per personalizzare la larghezza delle 2 colonne.
  3. Nella sezione Contenuto, scelga se ogni lato del suo blocco diviso deve contenere del testo o un'immagine.
  4. Clicchi sulle icone sotto il selettore di colonne per passare da una colonna all'altra.
  5. Clicchi su Salva per salvare il blocco.
Colonne 

Colonne 

Per aggiungere colonne a un'e-mail:

  1. Trascini l'opzione Colonne sotto Layout per creare colonne nella sua e-mail.
  2. Scelga il layout desiderato dalle opzioni presenti nel modale. 
  3. 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.

Un esempio di colonna con testo e pulsanti a sinistra e un'immagine a destra.

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 tabella

Blocco 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

Risorse aggiuntive

Questo articolo è stato utile?
Usa questo modulo solo per il feedback sull'articolo. Scopri come contattare l'assistenza.

Esplora altri contenuti di Klaviyo

Community
Connettiti con altre aziende simili, partner ed esperti di Klaviyo per trovare ispirazione, condividere approfondimenti e ottenere risposte a tutte le tue domande.
Formazione dal vivo
Partecipa a una sessione dal vivo con gli esperti di Klaviyo per conoscere le linee guida consigliate, scoprire come configurare le funzionalità chiave e altro ancora.
Assistenza

Accedi all'assistenza tramite il tuo account.

Assistenza via e-mail (prova gratuita e account a pagamento) Disponibile 24 ore su 24, 7 giorni su 7

Chat/assistente virtuale
La disponibilità può variare in base alla località e al tipo di piano