I blocchi di prodotti dinamici servono per mostrare raccomandazioni personalizzate di prodotti ai tuoi contatti. Questo permette ai contenuti delle tue email di adattarsi al comportamento e al ciclo di vita di ogni utente, rimanendo aggiornati e pertinenti, migliorando così le conversioni.
In questo articolo, imparerai come creare un blocco prodotti personalizzato in un'email.
Tempo di implementazione: 15 minuti.
Difficoltà: Bassa
Quando utilizzarlo?: Quando hai bisogno di mostrare prodotti personalizzati nelle tue email.
Prima di leggere questo articolo, ti consigliamo di dare un'occhiata all'Editor email.
PASSO 1. Crea un design email con un blocco prodotti dinamico
1. Accedi a "Contenuti > Email" e clicca su Crea nuova email.
2. Aggiungi un componente di tipo "Prodotti", trascinando il blocco dalla scheda Componenti nell'editor.
PASSO 2. Personalizza il tuo blocco prodotti
Puoi visualizzare in anteprima qualsiasi modifica nel processo di creazione e personalizzazione di un blocco prodotti. Ogni volta che lo ritieni necessario, segui le istruzioni del PASSO 3 per convalidare le tue modifiche, prima di procedere con il punto successivo.
2.1. Configurazione base
(In questa sezione verranno indicati i dati identificativi e lo stile generale del blocco prodotti).
3. Clicca su (Modifica elemento) nel menu contestuale che appare passando il mouse sul blocco inserito.
4. (Opzionale) In Nome del blocco prodotti, imposta un titolo per identificare il blocco.
Se usi più di un blocco di Prodotti, ti consigliamo di assegnare un nome a ciascuno di essi. Questo ti faciliterà nell'assegnazione delle variabili nel workflow in cui si utilizza il contenuto web.
2.2. Configurazione del modello
(In questa sezione si definirà il contenuto del blocco prodotti).
5. In Modelli, scegli tra le tre opzioni predefinite.
I modelli includono spazi designati per mostrare le informazioni essenziali di un prodotto: nome, immagine o un pulsante per andare alla scheda nel eCommerce, tra altri dati del prodotto.
Le caratteristiche principali che li distinguono sono:
— Prodotto base (tipo 1): include uno spazio riservato alla descrizione del prodotto.
— Prodotto con marca (tipo 2): include uno spazio riservato per mostrare la marca del prodotto e un altro per il prezzo.
— Prodotto con prezzo (tipo 3): include uno spazio riservato per mostrare la descrizione del prodotto e un altro per il prezzo.
6. Usa l'editor per personalizzare gli stili del modello selezionato.
L'editor del modello permette sia di stilizzare che di aggiungere elementi al componente. Potrai modificare, per esempio, la tipografia, dimensione o colori dei testi o aggiungere immagini.
7. (Opzionale) Clicca su HTML per personalizzare tramite codice il tuo componente, se necessario per il tuo design.
2.3. (Opzionale) Creazione di nuove variabili dinamiche
(In questa sezione si definiranno nuove variabili da utilizzare nel blocco prodotti, nel caso tu voglia aggiungere dati aggiuntivi).
Quando il design dell'email viene incluso in un workflow, si stabilisce la connessione tra i dati del flusso e le variabili dell'email tramite un nodo "Invia email". Se vuoi saperne di più su questo tipo di nodi, clicca qui.
8. Nell'editor, clicca nel punto del contenuto dove vuoi aggiungere la variabile.
9. Clicca sul pulsante Variabili.
10. In Identificatore variabile, scrivi un nome per la tua variabile.
L'identificatore della variabile non può contenere spazi e può includere solo lettere, numeri e i simboli trattino ( - ) e underscore ( _ ). Non può contenere accenti, essendo caratteri non consentiti.
Nell'esempio, la variabile è stata chiamata "description".
11. Clicca su Accetta.
Alla creazione della variabile, l'editor aggiunge automaticamente le doppie parentesi graffe che la distinguono.
12. Ripeti i passi da 8 a 11 per ogni variabile che vuoi aggiungere.
Per eliminare una variabile, selezionala nell'editor, includendo le parentesi graffe che la racchiudono, e premi il tasto cancella sulla tastiera.
2.4. Configurazione della struttura
(In questa sezione si definirà la quantità di prodotti da mostrare).
13. In Struttura, definisci la quantità di prodotti che desideri vengano mostrati nel contenuto.
La quantità di prodotti visibili dipenderà dalle righe e colonne che imposti, e può essere diversa se il contatto visita da un computer ("Righe desktop" e "Colonne desktop") o da un dispositivo mobile ("Righe mobile" e "Colonne mobile").
Nell'esempio, sono state selezionate 1 riga e 3 colonne su desktop, quindi verranno mostrati 3 prodotti quando il contatto visualizza l'email da un computer.
Se l'utente legge la mail da mobile, il blocco mostrerà comunque 3 articoli ma ognuno in una riga diversa.
14. (Opzionale) Deseleziona la casella "Mostra righe incomplete" affinché i prodotti vengano visualizzati solo quando ci sono abbastanza prodotti per riempire tutte le colonne di una riga.
Nell'esempio, se deselezioniamo la casella "Mostra righe incomplete", il contenuto verrà mostrato solo se si ricevono dati di almeno 3 prodotti.
PASSO 3. Visualizza in anteprima il design del tuo blocco prodotti personalizzato
Tieni presente che sia le nuove variabili create sia quelle incluse nel modello non sono ancora collegate a dati reali dei prodotti, quindi verranno visualizzate come testo segnaposto.
L'assegnazione dei dati alle variabili, che permette al contatto di vedere il contenuto, avviene tramite un workflow.
15. Clicca su (Anteprima).
16. Clicca su (Vista desktop) e verifica che il design su computer sia adeguato alla tua strategia.
La vista predefinita dell'anteprima corrisponde a quella desktop.
17. Clicca su Vista mobile e verifica che il design su dispositivi mobili sia adeguato alla tua strategia.
18. (Opzionale) Clicca su (Invia email di anteprima) per valutare l'impaginazione nel tuo client di posta. Per farlo, compila i parametri di invio e clicca sul pulsante Invia test.
19. (Opzionale) Nel tuo client di posta, controlla l'email di anteprima che hai inviato.
L'email di anteprima serve a verificare l'impaginazione. Non essendo inviata da un workflow, questa email non ha il contesto del contatto e della navigazione, quindi le variabili del blocco contenuti non saranno collegate ai prodotti e i link speciali non funzioneranno.
20. Clicca su Annulla, nel caso in cui non abbia inviato un'email di anteprima.
21. (Opzionale) Effettua le modifiche necessarie, ripetendo i passaggi e punti precedenti che corrispondono, affinché il design sia adeguato alla tua strategia.
22. Nell'editor, clicca su Salva.
Successo!
Il tuo blocco prodotti personalizzato in un'email è ora pronto.
Continua a imparare!
Per sfruttare tutto il potenziale del tuo account in Connectif, ti consigliamo di continuare con i seguenti articoli:
Creare blocco prodotti personalizzati in un contenuto web, per creare e personalizzare un blocco di contenuto dinamico in un contenuto web.
Mostrare prodotti personalizzati in un contenuto, per collegare i dati raccolti in un workflow con le variabili di un contenuto web.
Creare blocco prodotti personalizzati in un'email, per creare e personalizzare un blocco di contenuto dinamico nel design delle tue email.
Carrello abbandonato + raccomandazioni, per inviare un'email ai contatti con i prodotti del loro carrello abbandonato e prodotti correlati.