Visualizzazione di una lista di articoli personalizzata nelle email automatizzate (carrello abbandonato, conferma dell'ordine)

Con il blocco Dynamic content (Contenuti dinamici) puoi visualizzare una lista personalizzata di articoli nelle tue email inviate tramite un'automazione (email automatizzate). Ad esempio, se un cliente lascia degli articoli nel carrello, puoi inviargli automaticamente un'email contenente una lista di quei prodotti con dettagli come nomi, immagini e prezzi, per incoraggiarlo a completare l'acquisto.

Modello di email in Brevo Email automatizzata ricevuta nella posta in arrivo
email_dynamic-content_template_en-us.png email_dynamic-content_sent_en-us.png

In quali casi posso visualizzare una lista personalizzata di articoli nelle mie email automatizzate?

Espandi i paragrafi comprimibili qui sotto per vedere esempi di quando visualizzare una lista personalizzata di articoli nelle email automatizzate:

🛒 Email per carrello abbandonato (cart_updated)

Mostra una lista personalizzata degli articoli abbandonati nel carrello, visualizzando i nomi, le immagini e i prezzi dei prodotti, per incoraggiare il destinatario a tornare e completare l'acquisto.

💳 Email di conferma dell'ordine (order_created)

Mostra una lista personalizzata degli articoli acquistati, inclusi i nomi dei prodotti, le quantità e i prezzi, per confermare i dettagli dell'ordine.

📬 Email di conferma della spedizione (evento personalizzato)

Mostra una lista personalizzata degli articoli spediti, con nomi, quantità e prezzi dei prodotti. Includi i dettagli di spedizione, come il numero di tracciamento e la data di consegna prevista, per tenere informato il cliente sullo stato del suo ordine.

❗️ Importante
È necessario un ulteriore sviluppo per il monitoraggio della spedizione di un ordine. Per ulteriori informazioni, consulta la nostra documentazione per gli sviluppatori dedicata a JS e REST.
❌ Email di annullamento dell'ordine (evento personalizzato)

Mostra una lista personalizzata degli articoli dell'ordine annullato, con nomi, quantità e prezzi dei prodotti. Includi una conferma dell'annullamento e fornisci dettagli sul rimborso o sulle fasi successive.

❗️ Importante
È necessario un ulteriore sviluppo per il monitoraggio dell'annullamento di un ordine. Per ulteriori informazioni, consulta la nostra documentazione per gli sviluppatori dedicata a JS e REST.

Prima di iniziare

  • Installa Brevo Tracker e assicurati di aver impostato gli eventi necessari per creare una lista personalizzata di articoli nelle tue email. Per saperne di più, consulta il nostro articolo dedicato Che cos'è Brevo Tracker e come si installa?
  • Assicurati di avere almeno un evento di ecommerce attivo (ad es. cart_updated, cart_deleted o order_created) o un evento personalizzato nel tuo account Brevo. Vai alla pagina Event logs (Log di eventi) e filtra gli eventi di monitoraggio per verificare se sono disponibili eventuali eventi.
    email_dynamic-content_event-logs_en-us.png
    Se non sono visibili eventi, verifica di aver installato correttamente Brevo Tracker sul tuo sito web e di aver configurato gli eventi necessari per creare una lista personalizzata di articoli nelle tue email.

Visualizzazione di una lista personalizzata di articoli nelle email automatizzate

Per visualizzare una lista personalizzata di articoli nelle email automatizzate, utilizza un blocco Dynamic content (Contenuti dinamici) e variabili dei dati di automazione nel tuo modello di email. Questo blocco recupera i dati necessari per generare la lista personalizzata, sostituisce le variabili con le informazioni rilevanti per ogni articolo e ripete automaticamente lo schema per tutti gli articoli della lista.

Useremo l'esempio di un'email di carrello abbandonato, ma puoi facilmente adattare questo approccio ad altri casi d'uso.

Fase 1: creazione di un modello di email

💡 Buono a sapersi
I dati di automazione possono essere utilizzati solo nei modelli di email, non nelle campagne email.

Innanzitutto, crea il modello di email da utilizzare nella tua automazione.

  1. Vai su Automation (Automazione) > Templates (Modelli).
  2. Clicca su Create template (Crea un modello).
  3. Seleziona Email template (Modello di email).
  4. Nella scheda Setup (Configurazione), configura le impostazioni del tuo modello, incluso il nome, l'oggetto e il testo di anteprima.
  5. Clicca su Next Step (Fase successiva).
  6. Nella scheda Design, scegli un modello di email o un layout da utilizzare come base.

Fase 2: configurazione dell'origine dati

Crea il modello di email da inviare tramite la tua automazione e scegli l'origine dati per la personalizzazione. Questa origine dati indicherà a Brevo dove recuperare le informazioni necessarie per creare la lista personalizzata degli articoli.

  1. Dall'editor email, trascina e rilascia il blocco Dynamic content (Contenuti dinamici) nella tua tela. Le impostazioni del blocco si aprono nel pannello di sinistra.
    email_dynamic-content_add_en-us.png
  2. Nel menu a discesa Data source (Origine dati), seleziona Automation data (Dati di automazione).
  3. Seleziona l'evento che verrà utilizzato per personalizzare la tua email e la matrice che contiene i valori per ogni articolo (solitamente "items" (articoli)). In questo esempio, poiché vogliamo recuperare la lista degli articoli lasciati nel carrello dal contatto, selezioneremo Ecommerce events (Eventi di ecommerce) > cart_updated (carrello aggiornato) > items (articoli).
  4. Seleziona l'evento che verrà utilizzato per personalizzare le tue email e la matrice contenente i valori per ogni articolo (solitamente indicata come "items" (articoli)). In questo esempio, poiché vogliamo recuperare la lista degli articoli abbandonati, sceglieremo Ecommerce events (Eventi di ecommerce) > cart_updated (carrello aggiornato) > items (articoli).

    email_dynamic-content_data-source_en-us.gif
    💡 Buono a sapersi
    Per un'email di conferma dell'ordine, dovresti scegliere Ecommerce events (Eventi di ecommerce) > order_created (ordine creato) > items (articoli).
  5. Il blocco Dynamic content (Contenuti dinamici) è progettato per ripetersi per ogni articolo da visualizzare. Per impostazione predefinita, il numero di articoli da ripetere è limitato a 3, ma è possibile modificarlo in qualsiasi momento. In questo esempio, vogliamo mostrare fino a 5 articoli, quindi dobbiamo limitare il numero di volte in cui il blocco Dynamic content (Contenuti dinamici) verrà ripetuto:
    email_dynamic-content_limit-items_en-us.png
    1. Dalle impostazioni del blocco Dynamic content (Contenuti dinamici) nel pannello di sinistra, apri la sezione Layout.
    2. L'opzione Limit number of items (Limita numero di articoli) dovrebbe essere selezionata per impostazione predefinita. 
    3. Dai campi Number of items (Numero di articoli), clicca su +/- o immetti il numero massimo di volte per cui il blocco di contenuti dinamici può essere ripetuto. Nel nostro esempio, immetteremo il valore 5

L'origine dati è stata selezionata correttamente. In questo modo Brevo saprà dove reperire le informazioni necessarie per creare la lista personalizzata degli articoli. A questo punto, impareremo ad aggiungere contenuti al blocco Dynamic content (Contenuti dinamici) e a inserire variabili che verranno sostituite con le informazioni rilevanti per ogni articolo quando l'email viene inviata.

Fase 3: selezione delle variabili di dati da includere nel modello di email

A questo punto, inseriremo le variabili da sostituite con le informazioni rilevanti per ogni articolo quando l'email viene inviata.

  1. Nel blocco Dynamic content (Contenuti dinamici), inserisci i blocchi di contenuto che vuoi utilizzare per visualizzare la lista degli articoli. In genere, viene inserito un blocco Image (Immagine) per mostrare un'immagine degli articoli e un blocco Text (Testo) per visualizzarne i dettagli, come il nome e il prezzo.
    email_dynamic-content_blocks_en-us.gif
  2. Aggiungi variabili ai blocchi di contenuto. Queste variabili verranno sostituite con le informazioni pertinenti per ogni articolo al momento dell'invio dell'email. Espandi i paragrafi comprimibili qui sotto per informazioni su come inserire variabili per ogni tipo di contenuto:
    🔠 Aggiunta di una variabile al testo (nome, prezzo, quantità, ecc.)
    1. Clicca su un blocco di contenuto contenente testo all'interno di un blocco Dynamic content (Contenuti dinamici) (blocchi Title (Titolo) o Text (Testo)).
    2. Posiziona il cursore nel punto in cui desideri aggiungere una variabile.
    3. Clicca sull'icona Add variable (Aggiungi variabile) { } nella barra di formattazione.
      email_dynamic-content_text_variable_en-us.png
    4. Dal menu a discesa Which attribute would you like to insert? (Quale attributo desideri inserire?) seleziona la variabile che desideri includere nel modello di email ("nome", "prezzo", ecc.).
      email_dynamic-content_text_variable2_en-us.png
    5. (Facoltativo) Nel campo Which value should be used if the attribute is empty? (Quale valore deve essere usato se l'attributo è vuoto?) inserisci il testo di riserva da utilizzare nel caso in cui il valore non sia presente per un prodotto.
    6. (Facoltativo) Se è stato selezionato un attributo di tipo numerico, immetti il numero di decimali desiderato nel campo Number of decimals to display (Numero di decimali da visualizzare).
    7. Clicca su Insert (Inserisci). La variabile verrà inserita e apparirà un tag nel blocco di testo.
      email_dynamic-content_template_en-us.png
    🖼️ Aggiunta di una variabile a un'immagine
    1. Clicca su un blocco Image (Immagine) all'interno di un blocco Dynamic content (Contenuti dinamici).
    2. Dalla barra laterale, vai su Image settings (Impostazioni immagine).
    3. Nel campo Insert image from URL (Inserisci immagine da URL), clicca sull'icona Add variable (Aggiungi variabile) { }.
    4. Seleziona la variabile che desideri utilizzare per visualizzare l'immagine (di solito "immagine").
      email_dynamic-content_image_variable_en-us.png

    🔗 Aggiunta di una variabile come link

    Link al testo

    1. Clicca su un blocco di contenuto contenente testo all'interno di un blocco Dynamic content (Contenuti dinamici) (blocchi Title (Titolo) o Text (Testo)).
    2. Evidenzia il testo in cui desideri aggiungere il link.
    3. Clicca sull'icona Link 🔗 nella barra di formattazione.
      email_dynamic-content_link-text_en-us.png
    4. Nel campo Link target (Destinazione link), clicca sull'icona Add variable (Aggiungi variabile) { }.
    5. Seleziona la variabile che desideri utilizzare per generare il link (di solito "url").
      email_dynamic-content_link-text-variable_en-us.png
    6. Clicca su Insert (Inserisci).

    Link a un'immagine

    1. Clicca su un blocco Image (Immagine) all'interno di un blocco Dynamic content (Contenuti dinamici).
    2. Clicca sull'icona Link 🔗.
      email_dynamic-content_link-image_en-us.png
    3. Nel campo Link target (Destinazione link), clicca sull'icona Add variable (Aggiungi variabile) { }.
    4. Seleziona la variabile che desideri utilizzare per generare il link (di solito "url").
      email_dynamic-content_link-image-url_en-us.png
    5. Clicca su Insert (Inserisci).

    Link a un pulsante

    1. Clicca sul blocco Button (Pulsante) all'interno di un blocco Dynamic content (Contenuti dinamici).
    2. Clicca sull'icona Link 🔗 sopra il pulsante.
      email_dynamic-content_link-button_en-us.png
    3. Nel campo Link target (Destinazione link), clicca sull'icona Add variable (Aggiungi variabile) { }.
    4. Seleziona la variabile che desideri utilizzare per generare il link (di solito "url").
      email_dynamic-content_link-button-url_en-us.png
    5. Clicca su Insert (Inserisci).

Fase 4: prova e salvataggio del modello di email

Per garantire che il contenuto del tuo modello di email venga visualizzato correttamente nella posta in arrivo del destinatario, ti consigliamo vivamente di visualizzare in anteprima e testare l'email prima di inviarla.

  1. Clicca su Preview & test (Anteprima e prova).
  2. Seleziona l'opzione che desideri utilizzare per visualizzare l'anteprima dell'email:
    Preview as recipient [Advanced] (Anteprima come destinatario [Avanzato]) Preview event (Anteprima evento)
    1. Seleziona Preview as recipient (Anteprima come destinatario).
    2. Seleziona un contatto.
    3. Attiva Add transactional JSON data (Aggiungi dati JSON transazionali).
    4. Inserisci i dati JSON per provare il modello di email. Questi dati sostituiranno le variabili, consentendoti di visualizzare in anteprima il modello con le informazioni fornite.
    5. Una volta terminata la prova del modello di email, chiudi la finestra.
  3. Clicca su Save & quit to save your email template (Salva ed esci per salvare il modello di email).
  4. Clicca su Save and activate (Salva e attiva) per attivare il modello di email.

Fase 5: utilizzo del modello di email in un'automazione

A questo punto, potrai utilizzare il tuo modello di email nella fase Send an email (Invia un'email) di un'automazione.

  1. Vai su Automations (Automazioni) e crea un'automazione. 
    automations_create-an-automation_button_en-us.jpg
  2. Aggiungi un trigger alla tua automazione. In questo esempio, poiché vogliamo recuperare gli articoli abbandonati, utilizzeremo l'evento "Carrello aggiornato" per attivare la nostra automazione.
  3. Aggiungi l'azione Send an email (Invia un'email) alla tua automazione.
  4. Seleziona il modello di email creato in precedenza.
  5. Seleziona l'evento da usare per personalizzare le tue email. Puoi scegliere tra due opzioni:
    • L'evento che ha attivato l'automazione
      Gli articoli visualizzati nell'email saranno recuperati dall'evento che ha avviato l'automazione. Ad esempio, per un'email di conferma dell'ordine, è necessario recuperare gli articoli dall'evento "Ordine creato" che attiva l'automazione.
      ❗️ Importante
      L'evento che attiva l'automazione deve essere un evento di ecommerce (cart_updated, order_created o cart_deleted) o un evento personalizzato.
    • L'ultima istanza di un evento
      Gli articoli visualizzati nell'email verranno recuperati dall'occorrenza più recente di un evento specifico. Per questo esempio di carrello abbandonato, recupereremo gli articoli dall'ultima istanza dell'evento "Carrello aggiornato" per assicurarci di visualizzare gli articoli attualmente abbandonati nel carrello.
  6. Termina la configurazione della fase Send an email (Invia un'email) e il resto della tua automazione.
  7. Al termine, attiva l'automazione.

Congratulazioni! 🎉 Il tuo destinatario riceverà ora una lista personalizzata di articoli nelle tue email automatizzate in base all'evento che hai selezionato.

⏭️ E adesso?

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con il giusto partner esperto certificato Brevo.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 0 su 0