Come mostrare o nascondere blocchi di template e sezioni in base a variabili dinamiche

Tempo di lettura stimato 13 in minuti
|
Ultimo aggiornamento: 13 nov 2024, 16:54 EST
Imparerai

Imparerai

Impari a mostrare un blocco o una sezione particolare di un'e-mail a determinati destinatari, utilizzando il costruttore di logica mostra/nascondi dell'editor di modelli.  

Può utilizzarlo per visualizzare contenuti diversi, ad esempio, a coloro che appartengono a determinati livelli di fedeltà o che hanno acquistato un determinato prodotto. Questa funzione le consente di indirizzare i contenuti della sua e-mail in base alle informazioni sul suo iscritto, in modo che ogni destinatario abbia un'esperienza di marketing altamente personalizzata.  

Prima di iniziare

Prima di iniziare

Può mostrare/nascondere i contenuti in base a: 

  • I dati del profilo (cioè profilo o proprietà personalizzate)
  • Variabili evento, ma solo per:
    • Flusso ad evento (chiamato anche metrica-trigger)
    • Mostra/nascondi blocco con codice personalizzato

Prima di creare la sua e-mail, deve disporre dei dati necessari nel suo account. In altre parole, deve avere 1 evento o profilo con la proprietà che desidera utilizzare. 

Utilizzo dei dati del profilo

Se desidera mostrare/nascondere condizioni basate sui dati del profilo (ad esempio, posizione, lingua, ecc.), ha bisogno di almeno 1 profilo con tali dati. 

Le proprietà del profilo e quelle personalizzate possono essere aggiunte nei seguenti modi: 

Scopra di più sugli immobili di profilo a Klaviyo. 

Utilizzo delle proprietà degli eventi

Allo stesso modo per le proprietà degli eventi, deve esserci 1 evento nel suo account Klaviyo. Quindi, può mostrare/nascondere i blocchi in base all'evento di attivazione di quel Flusso, utilizzando blocchi personalizzati. Non può fare riferimento ai dati degli eventi utilizzando il costruttore logico. 

Quindi, in un carrello abbandonato Flusso con il trigger Avviamento al pagamento, può costruire condizioni di visualizzazione/nascita basate sul valore di un carrello o sugli articoli specifici che il cliente ha aggiunto. 

Creare il suo messaggio

Creare il suo messaggio

Il costruttore di logica mostra/nascondi assistenza profilo dati formattati come testo, numeri ed elenco. Non assiste i dati degli eventi, le date o i booleani. Se desidera utilizzare dati non supportati nella condizione show/hide, utilizzi il codice personalizzato per scrivere la condizione. 

  1. Aggiungere un blocco o una sezione a un modello di e-mail. 
  2. Selezioni la scheda Visualizzazione.
    La scheda di visualizzazione di un blocco
  3. In Mostra/nascondi logica, selezioni Usa costruttore di logica
  4. Selezioni una condizione. 
    1. Può creare una condizione semplice con un solo criterio, oppure una condizione più complessa con diversi criteri collegati da AND o OR. Scopra di più sui connettori AND rispetto a quelli OR
  5. Utilizzi il pulsante Aggiungi condizione per aggiungere ulteriori condizioni, se lo desidera. 
  6. Selezioni Salva. 

Se utilizza la logica show/hide su una sezione e su un blocco all'interno di tale sezione, le impostazioni possono interagire e causare conflitti. Per saperne di più, consulti il nostro articolo sulle opzioni di visualizzazione

AND vs. OR nelle condizioni di mostra/nascondi 

AND vs. OR nelle condizioni di mostra/nascondi 

Quando valuta la logica show/hide, le condizioni collegate da AND vengono valutate prima delle condizioni collegate da OR. Consideri l'ordine in cui la sua logica verrà valutata quando la scrive, per assicurarsi che venga interpretata come lei intende. 

Come esempio, consideri la seguente condizione: 

Un esempio di condizione del segmento

Seguendo questi criteri, verifichi se il blocco è visibile per alcuni destinatari campione: 

DestinatarioIl blocco appare?Perché?

Jane

punti_fedeltà = 145

Colore preferito = verde 

Frutto preferito = banana 

NoJane potrebbe qualificarsi se il suo colore preferito è il blu, o se il suo frutto preferito è la banana

Alex
punti_fedeltà = 73

Colore preferito = blu

Frutto preferito = mela

NoAlex potrebbe qualificarsi con più punti fedeltà, o se il suo frutto preferito fosse il kiwi.

Amanda
punti_fedeltà = 110

Colore preferito = blu

Frutto preferito = melograno

Amanda si qualifica perché ha > 99 punti fedeltà e il suo colore preferito è il blu. Il suo frutto preferito non viene preso in considerazione, perché soddisfa entrambi i criteri sul lato opposto dell'operatore OR. 

Stephanie
punti_fedeltà = 42

Colore preferito = arancione

Frutto preferito = kiwi

Stephanie si qualifica perché il suo frutto preferito è il kiwi. Le altre condizioni non vengono considerate, perché la signora soddisfa i criteri su un lato dell'operatore OR. 

 

Casi d'uso per mostrare/nascondere il blocco 

Casi d'uso per mostrare/nascondere il blocco 

Banner del programma fedeltà

Banner del programma fedeltà

Se ha un programma fedeltà, mostri ai partecipanti attivi quanti punti hanno attualmente. Offra ai contatti che non si sono ancora iscritti al programma un incentivo per l'adesione. Per configurarlo, avrà bisogno di 2 banner. 

Mostri ai partecipanti al programma fedeltà attivo un banner con questa condizione mostra nascondi: 

I punti fedeltà > sono maggiori di 0 

Una condizione per mostrare un blocco a coloro che hanno più di 0 punti fedeltà 

Mostri ai potenziali clienti un banner con questa condizione: 

loyalty_points > non è impostato

Una condizione per mostrare un blocco a coloro che non hanno una proprietà di punti fedeltà

Potrebbe essere necessario regolare i criteri in base ai dati disponibili sul suo conto. 

Immagini personalizzate

Immagini personalizzate

Se raccoglie informazioni su come i suoi iscritti utilizzano il suo prodotto, mostri loro immagini che si riferiscono a loro. 

Per esempio, un marchio che vende zaini potrebbe chiedere se l'iscritto li usa per il pendolarismo, i viaggi o le escursioni. A seconda della risposta, questo marchio potrebbe mostrare immagini dei suoi prodotti in questi ambienti. 

Per configurarlo, avrà bisogno di 3 blocchi di immagini che mostrino il suo prodotto in 3 impostazioni diverse. 

Mostri ai pendolari una foto di un motociclista che indossa lo zaino durante un viaggio con questa condizione: 

Preferenza per la borsa = pendolarismo

Una condizione per coloro che usano la borsa per spostarsi.

Mostri ai viaggiatori una foto di uno dei suoi zaini in un aeroporto affollato con questa condizione: 

Preferenza della borsa = Viaggio

Una condizione per coloro che utilizzano la borsa per viaggiare

Mostri a tutti gli altri una foto di uno dei suoi zaini in un paesaggio panoramico all'aperto con questa condizione: 

La preferenza per la borsa > non è uguale a > Viaggio E la preferenza per la borsa > non è uguale a > Pendolarismo

Una condizione per coloro che usano la borsa per qualsiasi altra cosa.

Si noti che l'ultima immagine non è rivolta solo agli escursionisti; chiunque non sia un pendolare o un viaggiatore la vedrà. È importante tenere conto dei destinatari che potrebbero non avere questa proprietà impostata, in modo che la sua e-mail sia perfetta per tutti. 

Note specifiche sul prodotto

Note specifiche sul prodotto

Fare riferimento a un elemento dall'interno di un evento trigger di Flusso richiede l'utilizzo di codice personalizzato.

Comunicare informazioni specifiche sul prodotto a chi abbandona il carrello, per dare loro informazioni chiave che potrebbero influenzare la loro decisione di acquisto. Per esempio, se sta esaurendo un prodotto, aggiunga un blocco di testo con un avviso di esaurimento scorte che appare solo per le persone che hanno quell'articolo nel carrello con questa condizione:
ITEM_NAME in event.Items

Una condizione per coloro che hanno un articolo specifico nei loro carrelli

Messaggistica specifica per la posizione 

Messaggistica specifica per la posizione 

Le condizioni specifiche della località possono valutare solo il testo; non possono valutare la distanza da un CAP. Mostra un banner personalizzato ai residenti che vivono in una determinata area, come quelli della stessa città del suo pop up shop brick-and-mortar, con questa condizione:

Città = Boston

Una condizione per i residenti di Boston

Risoluzione dei problemi mostra/nascondi blocco 

Risoluzione dei problemi mostra/nascondi blocco 

Se il suo blocco mostra/nascondi non viene visualizzato come previsto, utilizzi il pulsante Converti in codice per convertire la logica del costruttore in codice. Da lì, può ispezionare e modificare il codice per renderlo come previsto. 

La conversione della logica in codice non è reversibile. 

Nella risoluzione dei problemi, confermi che il tipo di dati utilizzato nel valore della condizione è lo stesso del tipo di dati del profilo a cui sta facendo riferimento. Ad esempio, il numero 22 è diverso dal valore del testo "22". Se la sua condizione è impostata su Numero ma i suoi valori sono negozio come testo sul profilo, la condizione non sarà in grado di valutare correttamente. 

Convertire il testo in numeri 

Se dispone di proprietà numeriche, ma queste vengono negoziate come testo all'interno di un profilo, può convertirle in numeri all'interno del campo codice personalizzato utilizzando il filtro |moltiplica. Per utilizzarlo, aggiunga il filtro direttamente dopo il nome della variabile: 

persona.compleanno|moltiplica:"1" > 21

Booleani negozio come testo 

Se i suoi dati vero/falso sono negozio come testo, non come booleano, o se fa riferimento a una proprietà che contiene sia booleani che testo, può utilizzare queste strutture per coprire tutti gli scenari. Includa tutte le ortografie e le capitalizzazioni presenti nei suoi dati. 

Condizione del campioneMostra il blocco se...
persona|lookup:'VIP' == 1 o persona|lookup:'VIP' == 'vero' o persona|lookup:'VIP' == 'vero'La proprietà VIP è impostata sul valore booleano true o sulle stringhe true o True.
persona|lookup:'VIP' == 0 o persona|lookup:'VIP' == 'falso' o persona|lookup:'VIP' == 'falso'La proprietà VIP è impostata sul valore booleano false o sulle stringhe false o False.

Caratteri non alfanumerici nelle proprietà

Se le proprietà o i valori a cui fa riferimento il suo blocco mostra/nascondi contengono caratteri non alfanumerici (ad esempio, simboli come =, <, o >), la sua condizione potrebbe non essere valutata correttamente. Per ottenere risultati ottimali, utilizzi solo lettere (maiuscole o minuscole, senza distinzione tra maiuscole e minuscole), numeri, trattini bassi (_) o trattini (-). 

Codifica personalizzata mostra/nasconde il blocco

Codifica personalizzata mostra/nasconde il blocco

Se preferisce un maggiore controllo, o se desidera creare una condizione utilizzando i dati degli eventi, le date o i booleani, può codificare il suo blocco mostra/nascondi in modo personalizzato piuttosto che utilizzare il costruttore logico. Per iniziare da zero utilizzando il codice, selezioni il pulsante Utilizza codice dalle impostazioni della logica Mostra/Nascondi. 

L'opzione codice personalizzato

In alternativa, converta una condizione esistente di mostra/nascondi in un codice con il pulsante Converti in codice

La conversione della logica in codice non è reversibile. 

Se sceglie di utilizzare il codice, si assicuri di avere una forte comprensione di Django, della logica di programmazione e dei tipi di dati di Klaviyo. Il team di assistenza di Klaviyo non è in grado di fornire assistenza diretta o risoluzione dei problemi per il codice personalizzato. 

Scopra di più sulle strutture a condizione supportata. 

Mostra/nasconde le condizioni in base ai dati degli eventi

Mostra/nasconde le condizioni in base ai dati degli eventi

Se la sua e-mail viene inviata come parte di un Flusso innescato da un evento (ad esempio, un carrello abbandonato o un Flusso di conferma dell'ordine), può mostrare/nascondere blocchi in base ai dettagli dell'evento innescato di quel Flusso. Quindi, in un carrello abbandonato Flusso con il trigger Avviamento del pagamento, può personalizzare le condizioni di visualizzazione/nascita in base al valore del carrello o agli articoli specifici che il cliente ha aggiunto. Per saperne di più sulle variabili degli eventi.

Capire come vengono archiviati i dati

Capire come vengono archiviati i dati

Prima di configurare la condizione di mostra/nascondi, verifichi come sono i suoi dati nel negozio. Ci sono 5 tipi di dati in Klaviyo: 

  • Testo
  • Numero
  • Data
  • Booleano
  • Elenco

Il modo in cui i suoi dati vengono memorizzati influenzerà le condizioni di mostra/nascondi che funzioneranno per lei. Impari a identificare i tipi di dati nel suo conto.

Creare il suo messaggio

Creare il suo messaggio

Il primo passo per aggiungere condizioni di mostra/nascondi codificate in un messaggio è costruire il modello di e-mail. Questa sezione illustrerà un esempio specifico, ma può seguire la stessa procedura per impostare qualsiasi blocco da visualizzare in base ai suoi criteri.

Ad esempio, se la sua azienda vende borse in pelle, può raccogliere le preferenze dei clienti in merito all'utilizzo delle loro borse con un modulo d'iscrizione, come mostrato di seguito. 

A modulo d'iscrizione

Può quindi visualizzare un'immagine diversa in base alle preferenze del cliente in fatto di borse. Ad esempio, se la preferenza del cliente è "Lavoro", la borsa apparirà in un'immagine accanto a un computer portatile. Se la preferenza del cliente è "Outdoor", la borsa apparirà vicino a un punto panoramico su un sentiero escursionistico. 

  1. Crei un messaggio di campagna o di Flusso.
  2. Aggiunga un blocco immagine.
  3. Carichi l'immagine relativa al lavoro nel blocco.
  4. Clicchi su Visualizza dal menu di personalizzazione del blocco immagine.
  5. In Mostra/Nascondi logica, selezioni Usa codice
  6. Aggiunga questa condizione: persona|lookup:'Preferenza borsa' == 'Lavoro'
  7. Clicchi su Salva modifiche
  8. Clicchi su Fine sul blocco.

Questo blocco verrà visualizzato solo dalle persone che hanno selezionato "Lavoro" come preferenza. 

Successivamente, aggiunga l'immagine relativa al viaggio in un nuovo blocco sotto l'immagine relativa al lavoro. Segua gli stessi passi di prima, ma questa volta utilizzi la condizione persona|lookup:'Preferenza borsa' == 'All'aperto'

Questo blocco verrà visualizzato solo dalle persone che hanno selezionato "Esterni" come preferenza. 

Preferenza per la borsa = all'aperto

Infine, aggiunga un'immagine che appaia per tutti coloro che non hanno selezionato "Lavoro" o "Esterno". Utilizzi un'immagine più generica e questa condizione: persona|lookup:'Preferenza borsa' != 'Lavoro' e persona|lookup:'Preferenza borsa' != 'All'aperto'.

Qui, != significa che "non è uguale a", quindi questa condizione cerca le persone che hanno scelto qualcosa di diverso da "Lavoro" o "All'aperto", o che non hanno mai selezionato una preferenza. 

Preferenza della borsa = qualsiasi altra cosa

Una volta configurato ciascuno dei blocchi, visualizzi l'anteprima del messaggio utilizzando 3 profili. Questi profili devono essere abbonati che soddisfano uno di ciascuno dei criteri dell'immagine:

  • Il cliente che ha scelto "Outdoor" 
  • Il cliente che ha scelto "Lavoro"
  • E i clienti che non hanno preferenze/altre preferenze

Può utilizzare questi passaggi per mostrare o nascondere i blocchi in base ai dati del profilo o dell'evento nel suo account. 

Creare una condizione di mostra/nascondi con i dati del profilo

Creare una condizione di mostra/nascondi con i dati del profilo

Se sta creando una condizione di mostra/nascondi personalizzata basata su una proprietà del profilo, sostituisca la variabile di esempio delle tabelle nel riferimento alla logica condizionale (ad esempio, persona|lookup:'Colore preferito') con la proprietà del suo profilo. 

Per trovare la variabile corretta da utilizzare:

  1. Clicchi su Personalizzazione per aprire il menu di personalizzazione.
  2. Scelga un'opzione dal menu per aggiungerla al blocco di testo.
  3. Copia il nome della variabile all'interno del tag. Per identificare il nome della variabile, rimuova le parentesi graffe intorno alla variabile, così come |default:'' alla fine (se presente), insieme a qualsiasi altro filtro.
    Ad esempio, nella schermata qui sotto, il tag completo è {{ person|lookup:"Accepts Marketing"|default:"" }}. Il nome della variabile è persona|lookup:"Accetta Marketing", quindi selezioni quella parte da utilizzare nella sua condizione mostra/nascondi. 

Una variabile per la logica show/hide

Creare una condizione di mostra/nascondi con i dati dell'evento

Creare una condizione di mostra/nascondi con i dati dell'evento

Può utilizzare i dati degli eventi per mostrare o nascondere un blocco se il suo messaggio fa parte di un flusso innescato da un evento. Solo i dati all'interno dell'evento trigger possono essere utilizzati in una condizione di mostra/nascondi. 

Per identificare le variabili dell'evento:

  1. Dall'editor di modelli, clicchi su Anteprima & test.
  2. Sotto Anteprima dell'origine dati, faccia clic su Evento.
  3. Dal menu a tendina, selezioni l'evento che attiverà il messaggio che sta costruendo. 
  4. Scorra le proprietà dell'evento per trovare i dati che desidera includere. 
  5. Clicchi sul nome della proprietà per copiare il tag. 
  6. Incolli il tag in un blocco di testo o in un editor di testo. 
  7. Rimuova le parentesi graffe (cioè {{ and }}) dal tag, così come tutti i filtri.
  8. Utilizzi la variabile che rimane nella sua condizione show/hide.

Nella schermata qui sotto, vedrà il tag {{ event|lookup:'Item Count' }}. Avrà bisogno solo del testo event|lookup:'Item Count' per la sua condizione show/hide. Si noti che i suoi dati potrebbero utilizzare una struttura diversa, come {{ event.extra.line_items.0.title }} o {{ event.ShippingAddress.address1 }}. Utilizzi la variabile come appare nei dati dell'evento. 

Anteprima dei dati per trovare le variabili degli eventi

Personalizzi le condizioni di mostra/nascondi

Personalizzi le condizioni di mostra/nascondi

Impari a costruire condizioni personalizzate di mostra/nascondi utilizzando la logica condizionale di riferimento. Questa risorsa contiene condizioni campione, che può personalizzare utilizzando i dati del suo profilo e dell'evento. 

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