Come utilizzare un blocco tabella in un'e-mail

Cosa imparerai 

Scopri come utilizzare un blocco tabella in un'e-mail. Questi blocchi possono visualizzare immagini e testi affiancati. Il blocco delle tabelle può anche essere dinamico, iterando sui dati per personalizzare l'e-mail ad ogni destinatario.

Capire il blocco del tavolo 

Esistono due tipi di blocco da tavolo: 

• Statico
  Questo tipo di blocco tabella visualizza l'esatto numero di righe e colonne selezionate. Ogni destinatario vede la stessa tabella layout, ma il contenuto potrebbe variare se utilizzi un tag di personalizzazione, evento, catalogo o altro. 
• Dinamica
  Questi blocchi di tabelle ti permettono di iterare su un elenco di dati (ad esempio, un elenco di articoli in un carrello abbandonato o una conferma d'ordine Flusso). Il numero di righe è determinato dal numero di articoli dell'elenco: se qualcuno ha ordinato 1 articolo, avrà 1 riga; se ha ordinato 5 articoli, avrà 5 righe. 

Il caso d'uso più comune per un blocco di tabelle dinamiche è quello di evidenziare i prodotti in un messaggio di carrello abbandonato. Utilizza un blocco dinamico per visualizzare più righe con immagini, nomi di prodotti e prezzi di ogni articolo abbandonato. 

Quando utilizzare il blocco tavolo

Un blocco da tavolo è uno dei tanti modi per affiancare 2 o più pezzi di contenuto. Le alternative sono il blocco e le colonne di split. 

Scopri le diverse opzioni per affiancare i contenuti nella tabella sottostante. 

Blocco tavolo statico 

Il termine "statico" significa semplicemente che il contenuto e il numero di righe della tabella rimangono invariati per ogni destinatario. L'unico caso in cui il contenuto cambia è se aggiungi un contenuto dinamico, come la personalizzazione, la data e l'etichetta del catalogo, all'interno di un blocco tabella statico. 

Casi d'uso del blocco statico del tavolo

Utilizza un blocco tabella statico per:

• Mostra un articolo specifico, ad esempio per le vendite flash o per il lancio di un prodotto.
• Includere sempre lo stesso numero di articoli (ad esempio, mostra l'articolo visto più di recente in un messaggio di abbandono della navigazione. 
• Crea un messaggio di Flusso in cui i dati dell'evento contengono solo 1 elemento, che include: 
  • carrello abbandonato Flusso (aggiunto al carrello) 
  • flusso di abbandono della navigazione 
  • nuovamente disponibile e prezzo in ribasso Flusso 
• Desideri inserire testo statico e immagini affiancate

Come creare un blocco di tabelle statiche

1. Naviga verso un'e-mail (ad esempio, una campagna modelli di e-mail o un Flusso e-mail). 
2. Dal menu dei blocchi, trascina un blocco Tabella nell'area di disegno.
   
3. Apri il menu Stili del blocco. Nota che la voce Statico è già selezionata, in quanto è l'impostazione predefinita per il blocco del tavolo.
   
4. In Colonne, clicca su Aggiungi colonna per aggiungere altre colonne.
   
5. Sotto Righe, clicca su Aggiungi riga per aggiungere altre righe.
   
6. Torna alla scheda contenuto del blocco. 
7. Usa il selettore di cella per scegliere la cella che desideri modificare.
   
8. Scegli se la cella deve essere di testo o di immagine utilizzando il menu Contenuto della cella. Ripeti per ogni cella.
9. Aggiungi un contenuto (ad esempio, un testo o un'immagine) sotto il menu del contenuto della cella. 
10. Una volta aggiunto il contenuto in ogni cella, clicca sulla freccia indietro per tornare al menu principale del contenuto e continuare a costruire la tua e-mail.
    

Tavolo dinamico blocco 

Il blocco dinamico di tabelle itera su un insieme di dati per ripetere il contenuto in base al numero di voci presenti al suo interno. Il blocco itera fino a raggiungere la fine dell'elenco. Ad esempio, puoi mostrare il numero esatto di prodotti presenti nel carrello di una persona.  

Per utilizzare un blocco dinamico, devi fare riferimento a dati formattati come un elenco annidato, dove ogni voce dell'elenco segue lo stesso formato. Il caso d'uso più comune è quello delle informazioni sui prodotti che si trovano in un evento di attivazione del Flusso (ad esempio, avvio del pagamento, ordine effettuato), ma puoi anche utilizzare un feed web per elencare i post del blog o fare riferimento ai dati del profilo formattati come elenco. 

elemento di un blocco di tavolo dinamico

La creazione di un blocco di contenuto dinamico richiede 3 elementi: 

• Raccolta di righe
  La posizione dei dati su cui iterare. Quando si esaminano i dati di origine (ad esempio, gli elementi nei metadati di un evento Started pagamento ), questa è la parte del modello di tag pertinente che è la stessa per ogni tag.
• Alias di riga
  Un modo abbreviato per fare riferimento alla collezione di righe mentre la tabella itera attraverso l'insieme dei dati. L'alias della riga è solitamente item, ma puoi utilizzare qualsiasi testo. 
• Contenuto dinamico
  Il contenuto che apparirà in ogni riga. Ad esempio, potresti voler visualizzare un'immagine, il nome del prodotto, il prezzo e le informazioni sulla variante per ogni articolo lasciato nel carrello. 

Casi d'uso del blocco dinamico delle tabelle

Utilizza un blocco tabella dinamico se stai facendo riferimento dinamicamente a un elenco di dati e ogni voce dell'elenco è formattata nello stesso modo. Questo include: 

• carrello abbandonato Flusso (avvio del pagamento) 
• Conferma dell'ordine Flusso 
• Vendita incrociata Flusso

Come creare un blocco di tabelle dinamiche

Questa sezione tratta il blocco dinamico delle tabelle ad alto livello. Per istruzioni più dettagliate su questo processo, scopri come costruire un blocco dinamico in un'e-mail di Flusso.

1. Vai all'editor di un'e-mail. Se utilizzi i dati di un evento (ad esempio, i dettagli del carrello abbandonato), naviga verso un'e-mail all'interno di un Flusso attivato dall'evento in questione.  
2. Dal menu dei blocchi, trascina un blocco Tabella nell'area di disegno.
   
3. Apri il menu Stili del blocco e seleziona Dinamico.
    
4. Imposta la tua collezione di righe: utilizza la parte del modello tag che è coerente con ogni elemento che desideri visualizzare.
   • Ad esempio, se {{ event.products.0.imageURL }} è il tag dell'immagine del primo articolo e {{ event.products.1.name }} è il tag del nome del secondo articolo, la tua collezione di righe dovrebbe essere event.products. 
   • La collezione di righe sarà quasi sempre la porzione di tag che precede il primo numero (ad esempio, event.extra.line_items se il tag completo è {{ event.extra.line_items.0.product.name }}).
5. Imposta l'alias della tua riga come elemento. 
6. Torna alla scheda contenuto del blocco. 
   • Aggiungi il contenuto a ogni cella della tabella. In genere, la cella a sinistra è un'immagine e quella a destra è un testo contenente tag dinamici con informazioni sul prodotto. 
7. Sostituisci tutto ciò che precede il primo numero in ogni tag della tabella con l'alias della riga (ad esempio, "item"). Ad esempio:
   • {{ event.extra.line_items.0.imageURL }} diventa {{ item.imageURL }} 
   • {{ event.items.0.product.name }} diventa {{ item.product.name }}
8. Clicca su Anteprima & test per visualizzare l'anteprima dell'e-mail. 
   • Assicurati di visualizzare l'anteprima utilizzando i dati giusti (ad esempio, se si tratta di un messaggio di carrello abbandonato, visualizza l'anteprima utilizzando l'evento Inizio pagamento ) o la tabella non visualizzerà nulla. 

Questo processo consente agli sviluppatori e ai marketer esperti di codice di creare contenuti altamente personalizzati. Se non hai uno sviluppatore nel tuo team e non ti senti a tuo agio a creare questo blocco da solo, considera di rivolgerti a un partner Klaviyo per ricevere assistenza.

Scopri di più sulla creazione di un carrello abbandonato Flusso o sull'utilizzo dei dati degli eventi per personalizzare le e-mail e SMS Flusso.

Come funziona il blocco dinamico della tabella

Il blocco dinamico delle tabelle funziona esattamente come un ciclo for nella maggior parte dei linguaggi di programmazione. 

• La collezione Row identifica la porzione di dati da analizzare in loop. 
• L'alias Fila è un alias che identifica la posizione del contenuto dinamico. 
• Ogni tag che utilizza l'alias Row farà riferimento alla riga corretta all'interno dei dati dell'evento, in base alla riga in cui compare. 

Quando l'e-mail viene visualizzata, Klaviyo esegue un loop su ogni elemento dell'insieme di dati. La prima volta, l'alias della riga viene sostituito con [row collection].0., che fa riferimento al primo elemento del set di dati. La seconda volta, l'alias della riga viene sostituito con [row collection].1., che indica il secondo elemento dell'insieme di dati. Questo processo continua fino a quando non rimangono più elementi e c'è una riga per ogni elemento del set di dati. 

Risorse aggiuntive

• corso: Personalizzare la posta elettronica con Django
• Come visualizzare i prodotti in verticale nelle e-mail