Panoramica
In questo tutorial, scoprirai come creare un'email di carrello abbandonato e come configurare uno scenario per recuperare le vendite perse. Scoprirai anche quali dati degli ordini NopCommerce sono compatibili con la piattaforma Brevo.
Prima di iniziare
Avrai bisogno di quanto segue:
- Credenziali dell'account Brevo. Se non ne hai uno, registrati gratuitamente.
- Segui questa procedura per installare il plugin NopCommerce.
1. Creazione di un modello di email di carrello abbandonato
Innanzitutto accedi al tuo account Brevo, quindi vai su Marketing > Templates (Modelli) > Email. Clicca sul pulsante New Template (Nuovo modello) in alto a destra.
Il modello di email può essere personalizzato con diversi tipi di dati:
- attributi dei contatti salvati nella tua lista di Brevo
- dettagli degli articoli abbandonati
- dettagli dei carrelli abbandonati
Personalizzazione dell'email con gli attributi dei contatti
Iniziamo personalizzando gli attributi dei contatti.
Nell'esempio seguente, abbiamo incluso la personalizzazione di:
- nome del destinatario con {{ contact.FIRSTNAME }}
- cognome del destinatario con {{ contact.LASTNAME }}
Buono a sapersi: FIRSTNAME (NOME) e LASTNAME (COGNOME) dovrebbero essere attributi esistenti nel tuo account Brevo.
Ora personalizziamo il modello di email con le variabili dell'ordine, ad es. nome degli articoli lasciati nel carrello, immagini, prezzo, ecc. A tale scopo, utilizzeremo il nuovo linguaggio per modelli per inserire una lista dinamica.
Personalizzazione dell'email con i dettagli degli articoli abbandonati
| Dati degli articoli | Inserisci questo segnaposto nel tuo modello |
| Nome | {{ item.name }} |
| SKU | {{ item.sku }} |
| Categoria | {{ item.category }} |
| ID | {{ item.id }} |
| ID della variante dell'articolo | {{ item.variant_id }} |
| Nome della variante dell'articolo | {{ item.variant_name }} |
| Prezzo | {{ item.price }} |
| Quantità | {{ item.quantity }} |
| Link al negozio dell'articolo acquistato | {{ item.url }} |
| Immagine | {{ item.image }} |
Nell'editor drag & drop (classico), seleziona il blocco desiderato per la visualizzazione degli articoli abbandonati.
- Clicca sull'icona della matita per modificare le impostazioni del blocco di progettazione.
- Abilita l'opzione Dynamic list (Lista dinamica).
- Nel campo del parametro, scrivi
items. - Nel campo della variabile, scrivi
item. - Imposta il limite del numero di articoli da visualizzare. Ad esempio, se nel carrello sono rimasti 5 articoli e hai impostato il limite a 3, nell'email verranno visualizzati solo 3 articoli.
Ora aggiungi le variabili al modello di email. Nell'esempio precedente abbiamo aggiunto:
- {{ item.name }} - Nome dell'articolo
- {{ item.quantity }} - Quantità dell'articolo
- {{ item.price }} - Prezzo dell'articolo
Per aggiungere il link all'articolo, seleziona il pulsante di invito all'azione (CTA). Nella barra laterale destra, sotto Link, digita {{ item.url }}.
Per aggiungere l'immagine dell'articolo, selezionala. Nella barra laterale destra, sotto Image source (Origine dell'immagine), seleziona "From URL" (Da URL) e digita {{ item.image }}.
Personalizzazione dell'email con i dettagli del carrello abbandonato
Le variabili seguenti possono essere incluse direttamente nel contenuto del modello di Brevo:
| Dettagli del carrello | Inserisci questo segnaposto |
| Affiliazione | {{ params.affiliation }} |
| Valuta | {{ params.currency }} |
| Sconto | {{ params.discount }} |
| Spedizione | {{ params.shipping }} |
| Subtotale | {{ params.subtotal }} |
| Imposte | {{ params.tax }} |
| Totale al lordo delle imposte | {{ params.tax }} |
| Totale | {{ params.total_before_tax }} |
| Link al carrello | {{ params.url }} |
Buono a sapersi: gli articoli mostrati nella pagina del link al carrello saranno diversi in base a dove è aperta la sessione. Ad esempio, supponiamo che un cliente stia navigando dal proprio computer portatile. Se ha cliccato sull'email di carrello abbandonato dal proprio telefono, il carrello abbandonato non sarà visualizzato.
Nell'editor drag & drop (classico), seleziona il blocco desiderato per la visualizzazione delle informazioni del carrello abbandonato, quindi aggiungi le variabili dell'ordine desiderate.
Nell'editor drag & drop (classico), seleziona il blocco desiderato per la visualizzazione delle informazioni del carrello abbandonato, quindi aggiungi le variabili dell'ordine desiderate.
Ti consigliamo di formattare i numeri utilizzando floatformat. Nell'esempio di seguito abbiamo aggiunto:
- {{ params.currency }} - Valuta del carrello abbandonato
- {{ params.subtotal | floatformat: 2 }} - Subtotale del carrello abbandonato
- {{ params.discount | floatformat: 2 }} - Sconto del carrello abbandonato
- {{ params.total | floatformat: 2 }} - Totale del carrello abbandonato
Per aggiungere il link del carrello abbandonato, seleziona il pulsante di invito all'azione (CTA). Nella barra laterale destra, sotto Link, digita {{ params.url }}.
Terminata la fase di progettazione, clicca sul pulsante verde "Save & Quit" (Salva e chiudi). Quindi, clicca sul pulsante "Save & Activate" (Salva e Attiva).
2. Creazione dello scenario di carrello abbandonato
Buono a sapersi: un cliente deve essere identificato dal proprio indirizzo email per attivare lo scenario, quindi deve trattarsi di un cliente che ha effettuato l'accesso al proprio account sul tuo negozio BigCommerce o che ha inserito il proprio indirizzo email durante il pagamento.
Vai sulla scheda Automation (Automazione) del tuo account Brevo.
Clicca su + CREATE A NEW WORKFLOW (+ CREA UN NUOVO SCENARIO), quindi seleziona "Detailed Abandoned Cart" (Carrello abbandonato dettagliato) e segui la procedura.
Nella fase "Send an email" (Invia un'email), seleziona dall'elenco a discesa il modello di email che hai appena creato e attivato.
Quando il tuo scenario è completo, clicca su DONE (FINE) per salvarlo e attivarlo.
Leggi questo tutorial come aiuto nella creazione dello scenario: Recupero di carrelli abbandonati: invio automatico delle email (fase 3).
3. Esempio
Supponiamo che la cliente Jean Blue jean.blue@brevo.com abbia visitato il tuo negozio, ma abbia lasciato nel carrello i 3 articoli seguenti.
Il tuo modello sarà simile a questo.
L'email ricevuta da Jean Blue jean.blue@brevo.com sarà simile a questa.
Altre letture
- Scopri come configurare il plugin NopCommerce.
- Scopri come creare un'email di conferma dell'ordine per i clienti NopCommerce.
Hai una domanda?
Se hai domande:
- Visita i forum di NopCommerce. Sono gratuiti e, nella maggior parte dei casi, forniti dalla community di NopCommerce (a volte dal team di NopCommerce).
- Servizi di assistenza premium di NopCommerce. A pagamento, rapidi e forniti dal team di NopCommerce.
- Esponi il tuo problema sul repository del plugin NopCommerce.
🤔 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 l'agenzia partner di Brevo giusta per te.