In questa lezione, imparerai e implementerai il workflow per mostrare un recomendatore inline nelle schede prodotto per aumentare la retention e le vendite.
Consigliare prodotti personalizzati durante la navigazione del contatto nel tuo eCommerce ti aiuterà ad aumentare le possibilità di acquisto e il loro valore. Con Connectif, puoi facilmente aggiungere un contenuto recomendatore creato con contenuto web di tipo inline.
Obiettivo: Retention e conversione.
Elementi utilizzati: Inline.
Tempo di implementazione: 2 ore.
Ti consigliamo di seguire tutti i passaggi e implementare questa strategia da zero nel tuo account, ma se hai bisogno di una via rapida, nel Directory dei Template dei Workflows hai disponibile il template Recomendatore nella scheda prodotto, con cui puoi lavorare.
Riassunto della lezione
In questa lezione imparerai:
- Il nodo "Alla visita di un prodotto" per rilevare le visite dei contatti a una scheda prodotto.
- Il nodo "Ottieni prodotti" per ottenere i prodotti che saranno mostrati successivamente in qualche tipo di contenuto.
- Come creare e inserire nella pagina un contenuto inline, in questo caso, di raccomandazione.
Al termine della lezione, avrai creato nel tuo account:
La strategia che contiene questo workflow, attraverso la quale mostrerai un inline dopo la scheda prodotto nel momento in cui un contatto sta visitando quel prodotto. A seconda dei prodotti ottenuti correlati allo stesso, verrà mostrato un inline più preciso o si cercherà di ottenere altri elementi consigliati.
Configurazione della strategia
PASSO 0. Creazione del workflow
Come creare il workflow per questa strategia
1. Nel tuo account Connectif, clicca su "Workflows > Crea nuovo Workflow" e poi su Crea Workflow vuoto.
2. Clicca su (Modifica) e assegnagli il nome "Recomendatore nella scheda prodotto".
3. Clicca su Applica per salvare il nuovo nome del tuo workflow.
PASSO 1. Nodo "Inizio"
Come configurare il Nodo "Inizio" per questa strategia
(Questo nodo definisce il pubblico a cui è destinato il workflow).
4. Clicca su (Modifica configurazione nodo) del nodo “Inizio”.
5. In Seleziona una restrizione, seleziona "Tutta la mia lista" e scegli dal menu a tendina l’opzione “Tutta la mia lista”.
6. In Seleziona la fonte dati, seleziona "Tutti gli esistenti e i nuovi".
7. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif che il workflow si attivi per tutti i contatti che visitano il sito, sia nuovi che esistenti.
PASSO 2. Nodo "Alla visita di un prodotto"
Come funziona il Nodo "Alla visita di un prodotto"
Questo nodo viene utilizzato per reagire nel momento in cui un contatto visita una pagina prodotto.
Nell’interfaccia del nodo si configurano le caratteristiche specifiche dei prodotti che lo attiveranno.
Come configurare il Nodo "Alla visita di un prodotto" per questa strategia
(Questo nodo farà sì che la successiva azione del workflow, in questo caso inviare l’inline di iscrizione alle notifiche push, si attivi quando un contatto visita il tuo sito).
8. Nel menu di selezione dei nodi, vai su "Trigger > Commercio elettronico" e trascina il nodo "Alla visita di un prodotto" nell’editor, collegandolo al nodo "Inizio".
9. Clicca su (Modifica configurazione nodo) del nodo “Alla visita di un prodotto”.
10. Clicca su Limitazioni e disattiva la casella "Disattiva dopo attivazione".
11. Clicca su Aggiorna.
In questo passaggio abbiamo indicato a Connectif che, nel momento in cui un contatto visita qualsiasi pagina prodotto da qualsiasi dispositivo, passi all’azione successiva.
PASSO 3. Primo Nodo "Ottieni prodotti"
Come funziona il Nodo "Ottieni prodotti"
Questo nodo è uno dei più utili di tutta la piattaforma. Viene utilizzato per filtrare i prodotti che saranno mostrati successivamente in qualche tipo di contenuto. In esso si configurano, in diverse schermate, quali prodotti e come ottenerli:
Seleziona i casi d’uso. Per scegliere gruppi di prodotti che il nodo otterrà. Possono essere selezionati fino a 2, essendo il primo quello con priorità.
Configurazione dei casi d’uso. Per stabilire, in ogni caso, i prodotti da ottenere, la fonte dei prodotti, le condizioni o filtri che devono rispettare e l’ordine in cui vogliamo che vengano mostrati.
Riepilogo. Per stabilire la quantità totale di prodotti da ottenere nel nodo, se si limita il numero totale di prodotti da restituire e se si desidera escludere prodotti ottenuti in nodi precedenti.
Come configurare il Nodo "Ottieni prodotti" per questa strategia
(Questo nodo otterrà automaticamente i prodotti correlati al prodotto visitato, della stessa categoria e marca).
12. Nel menu di selezione dei nodi, vai su "Azioni > Commercio elettronico" e trascina il nodo "Ottieni prodotti" nell’editor, collegandolo al nodo "Alla visita di un prodotto".
13. Clicca su (Modifica configurazione nodo) del nodo “Ottieni prodotti”.
14. Per selezionare i casi d’uso, trascina Automaticamente correlati a un prodotto nel blocco di destra e clicca su Avanti. In questo modo, verranno ottenuti i prodotti che si correlano automaticamente a quello visitato dal contatto.
15. In Configurazione del caso principale, indica "12" in Quantità di prodotti da ottenere, affinché Connectif ottenga fino a 12 elementi correlati a quello visitato.
16. In Seleziona la fonte dei prodotti, seleziona Tutti i prodotti, affinché Connectif cerchi in tutto il tuo catalogo.
17. In Seleziona il prodotto correlato, seleziona “Prodotto (Alla visita di un prodotto)”, affinché il dato importato da Connectif provenga dalla pagina visitata dal contatto.
18. In Configura le condizioni per definire un set specifico di prodotti:
Clicca su Aggiungi un’altra condizione e seleziona dal menu a tendina “Categorie”. A destra, seleziona “Dati importati” e, dopo aver cliccato su “Seleziona un dato importato”, scegli “Alla visita di un prodotto > Categorie”. In questo modo, Connectif otterrà prodotti della stessa categoria di quello visitato.
- Clicca su Aggiungi un’altra condizione e seleziona dal menu a tendina “Marca”. A destra, seleziona “È incluso in” e, dopo aver cliccato su “Seleziona un dato importato”, scegli “Alla visita di un prodotto > Marca”. In questo modo, Connectif otterrà prodotti della stessa marca di quello visitato.
19. In Seleziona un ordine, scegli "Ordina per valutazione decrescente" e attiva la casella "Riorganizza casualmente i prodotti ottenuti". In questo modo, Connectif sceglierà i 12 prodotti con la valutazione più alta, ma nel contenuto saranno ordinati in modo casuale.
20. Clicca su Avanti.
21. Nell’ultimo passaggio della configurazione del nodo, Riepilogo, individua la sezione Quantità di prodotti da ottenere e indica “12” come quantità massima di prodotti da mostrare.
22. Disattiva la casella “Riempi prodotti fino al limite selezionato”, affinché, nel caso in cui non ci siano 12 prodotti che soddisfano queste condizioni, Connectif non aggiunga contenuti aggiuntivi.
23. Attiva la casella “Escludi i prodotti esportati da nodi precedenti” per assicurarti che non venga mostrato il prodotto visitato.
24. Clicca su Termina.
In questo passaggio abbiamo detto a Connectif di ottenere, per mostrare nell’inline, prodotti automaticamente correlati a quello visitato dal contatto. Con la configurazione del nodo, verranno mostrati fino a 12 prodotti della stessa marca e categoria, selezionati in base alle loro valutazioni.
PASSO 4. Nodo "Controlla valore"
Come configurare il Nodo "Controlla valore" per questa strategia
(Questo nodo verifica se la dimensione della lista ottenuta di prodotti consigliati è maggiore di 4).
25. Nel menu di selezione dei nodi, vai su "Condizioni > Sistema" e trascina il nodo "Controlla valore" nell’editor, collegandolo al nodo "Ottieni prodotti".
26. Clicca su (Modifica configurazione nodo) del nodo “Controlla valore”.
27. Trascina il campo "Dimensione della lista" da "Ottieni prodotti" nel blocco di sinistra.
28. Nella colonna "Operatore" seleziona "È maggiore di".
29. Trascina il campo Letterale nel blocco di destra e imposta un valore di "4".
30. Clicca su Aggiorna.
In questo passaggio abbiamo detto a Connectif di verificare se, nel nodo "Ottieni prodotti", sono stati ottenuti più di 4 prodotti correlati all’elemento visitato, per continuare nel flusso mostrando i prodotti ottenuti. Se il numero di prodotti risultanti non è superiore a 4, si proseguirà su un altro ramo per ottenere più prodotti tramite un secondo nodo "Ottieni prodotti".
PASSO 5. Primo nodo "Invia contenuto web"
Come creare l’inline per questa strategia
(In questo passaggio creerai l’inline che conterrà i prodotti correlati, che sarà mostrato dal nodo quando il contatto visita la pagina prodotto).
31. Nel menu di selezione dei nodi, vai su "Azioni > Web" e trascina il nodo "Invia contenuto web" nell’editor, collegandolo al nodo "Controlla valore".
32. Nell’unione di questo nodo con il precedente, clicca sul cerchio finché non appare "Sì". In questo modo stai indicando a Connectif che l’inline venga mostrato se appaiono più di 4 prodotti correlati diversi.
33. Clicca su (Modifica configurazione nodo) del nodo “Invia contenuto web” e Crea nuovo contenuto per generare un nuovo contenuto.
34. Quando crei un nuovo contenuto, seleziona come tipo Inline, assegnagli un nome e clicca su Crea contenuto web.
35. Nel pannello Strumenti, clicca sulla scheda Generale per modificare i parametri dell’aspetto generale del tuo inline. Puoi anche accedere cliccando su Proprietà generali nel pannello di design.
36. Clicca sulla scheda Componenti per accedere alle opzioni di creazione e design del tuo inline.
- In Disposizione, scegli la struttura a una colonna.
- In Elementi, aggiungi un elemento di tipo "Testo" per inserire contenuto e modificalo a tuo piacimento.
- In Elementi, aggiungi un elemento di tipo "Prodotti" per mostrare i prodotti consigliati e clicca sul pulsante (Modifica elemento):
- Assegna un nome, un tipo (in questo caso, Carosello) e un template (in questo caso, Prodotto con marca).
- Nella struttura, scegli quanti elementi mostrare contemporaneamente, sia su desktop che su mobile. Nell’esempio sono stati selezionati 4 su desktop e 1 su mobile.
- Scegli, opzionalmente, un tempo di rotazione. Se imposti 0, la rotazione automatica sarà disattivata.
37. Clicca su Salva per conservare le modifiche al design e su Torna al selettore per tornare e completare la configurazione del nodo.
Come configurare il Nodo "Invia contenuto web" per questa strategia
38. Seleziona il contenuto Inline corrispondente e clicca su Avanti.
39. Individua nel tuo sito il selettore adatto per mostrare il contenuto. Puoi seguire i passaggi di questo esempio:
Accedi alla pagina del tuo sito dove desideri aggiungere il contenuto incorporato.
Visualizza il blocco che vuoi usare come riferimento.
Apri la console degli strumenti di sviluppo (DevTools) del browser.
Seleziona la scheda Elements nella console per visualizzare la struttura HTML.
- Premi sull’icona Ispeziona, la prima a sinistra nel menu superiore.
- Posiziona il cursore del mouse sull’area del contenuto che intendi usare come riferimento. Clicca quando la selezione è corretta affinché l’etichetta venga evidenziata nella console.
- Clicca sul contenuto della scheda Elements della console e usa la scorciatoia da tastiera Control + F per cercare il nome dell’etichetta o dell’attributo. Se c’è solo una corrispondenza (come in questo esempio), è adatto e potrai usarlo. In tal caso, copia il nome e chiudi la console di sviluppo. Se ci sono più corrispondenze, dovrai trovare un altro selettore unico.
40. Una volta individuato e copiato il selettore, torna alla configurazione del nodo "Invia contenuto web" in Connectif, aggiungilo in Configurazione per mostrare il contenuto e clicca su Avanti. (Nella schermata seguiamo l’esempio precedente, tu dovrai indicare il nome del selettore che hai scelto).
41. Associa le variabili del prodotto del nodo "Ottieni prodotti", in questo caso, i prodotti consigliati, per personalizzare l’inline con gli elementi ottenuti in quel nodo e le loro informazioni. Per farlo, collega i campi di Connectif (colonna sinistra) con le variabili della tua email (colonna destra):
Trascina il campo Nome per farlo corrispondere alla variabile {{name}}. In questo modo, in quella variabile sarà incluso il nome del prodotto che appare nel tuo catalogo.
- Trascina il campo Url dettaglio per farlo corrispondere alla variabile {{buttonUrl}}. In questo modo, in quella variabile sarà inclusa l’indirizzo della scheda prodotto che appare nel tuo catalogo.
- Trascina il campo Url immagine per farlo corrispondere alla variabile {{imageUrl}}. In questo modo, in quella variabile sarà inclusa l’immagine del prodotto.
- Trascina il campo Prezzo unitario per farlo corrispondere alla variabile {{unitPrice}}. In questo modo, in quella variabile sarà incluso il prezzo unitario attuale di quel prodotto.
- Trascina il campo Letterale per farlo corrispondere alla variabile {{buttonText}} e inserisci il testo che desideri venga mostrato nel pulsante. In questo modo, in quella variabile sarà incluso il testo del pulsante che hai definito.
42. Clicca su Termina.
In questo passaggio abbiamo detto a Connectif di mostrare l’inline con la raccomandazione di prodotti che abbiamo appena creato ai visitatori che arrivano a questa parte del flusso. In questa strategia non abbiamo aggiunto limitazioni all’inline affinché venga mostrato ogni volta che si soddisfano le condizioni.
PASSO 6. Secondo nodo “Ottieni prodotti”
(Questo nodo otterrà i prodotti più visitati nell’ultimo mese, della categoria e marca del prodotto visitato).
43. Nel menu di selezione dei nodi, vai su "Azioni > Commercio elettronico" e trascina il nodo "Ottieni prodotti" nell’editor, collegandolo al nodo "Controlla valore".
44. Nell’unione di questo nodo con il precedente, clicca sul cerchio finché non appare "No".
45. Clicca su (Modifica configurazione nodo) del nodo “Ottieni prodotti”.
46. Per selezionare i casi d’uso, trascina "Prodotti più visitati" nel blocco di destra e "Prodotti più venduti" nel caso d’uso aggiuntivo. In questo modo, verranno ottenuti i prodotti più visitati e, se non sono sufficienti, verranno ottenuti i più venduti. Clicca su Avanti.
47. In Configurazione del caso principale, completa la seguente configurazione:
Indica "12" in Quantità di prodotti da ottenere, affinché Connectif ottenga fino a 12 elementi.
In Seleziona la fonte dei prodotti, seleziona Tutti i prodotti, affinché Connectif cerchi in tutto il tuo catalogo i prodotti da mostrare.
-
In Configura le condizioni per definire un set specifico di prodotti:
Clicca su Aggiungi un’altra condizione e seleziona dal menu a tendina “Categorie”. A destra, seleziona “Dati importati” e, dopo aver cliccato su “Seleziona un dato importato”, scegli “Alla visita di un prodotto > Categorie”. In questo modo, Connectif otterrà prodotti della stessa categoria di quello visitato.
Clicca su Aggiungi un’altra condizione e seleziona dal menu a tendina “Marca”. A destra, seleziona “È incluso in” e, dopo aver cliccato su “Seleziona un dato importato”, scegli “Alla visita di un prodotto > Marca”. In questo modo, Connectif otterrà prodotti della stessa marca di quello visitato.
In Seleziona il periodo di tempo delle visite, scegli Più visitati nell’ultimo mese, affinché Connectif ottenga i prodotti più visitati dell’ultimo mese.
Attiva la casella "Riorganizza casualmente i prodotti ottenuti", affinché l’ordine in cui vengono mostrati i prodotti vari sempre.
48. Clicca su Avanti.
49. In Configurazione del caso aggiuntivo, completa la seguente configurazione:
Seleziona "12" in Quantità di prodotti da ottenere.
Clicca su Aggiungi un’altra condizione e seleziona dal menu a tendina “Categorie”. A destra, seleziona “Dati importati” e, dopo aver cliccato su “Seleziona un dato importato”, scegli “Alla visita di un prodotto > Categorie”.
In Seleziona il periodo di tempo delle visite, scegli "Più venduti nell’ultimo mese" e attiva la casella "Riorganizza casualmente i prodotti ottenuti".
50. Clicca su Avanti e, nel Riepilogo, individua la sezione Quantità di prodotti da ottenere e indica “12”. Poi, attiva "Riempi con prodotti fino al limite selezionato" e "Escludi i prodotti esportati da nodi precedenti a questo".
51. Clicca su Termina.
In questo passaggio abbiamo detto a Connectif di ottenere, per mostrare nel contenuto, i prodotti più visitati e più venduti dell’ultimo mese. Con la configurazione del nodo, verranno mostrati fino a 12 prodotti della stessa marca e categoria, selezionati in base alle loro valutazioni. Nel caso in cui non esistano 12 prodotti con queste condizioni, l’algoritmo di Connectif cercherà prodotti complementari.
PASSO 7. Secondo nodo "Invia contenuto web"
Come creare l’inline per questa strategia
(In questo passaggio invierai lo stesso inline che abbiamo creato nel Passo 5, ma in questo caso conterrà i prodotti ottenuti nel secondo nodo "Ottieni prodotti").
52. Nel menu di selezione dei nodi, vai su "Azioni > Web" e trascina il nodo "Invia contenuto web" nell’editor, collegandolo al secondo nodo "Ottieni prodotti".
53. Clicca su (Modifica configurazione nodo) del nodo “Invia contenuto web” e seleziona l’inline che hai creato nel Passo 5.
54. Clicca su Avanti.
55. In Configurazione aggiungi il selettore adeguato per mostrare il contenuto e clicca su Avanti. Se hai bisogno di più informazioni su come trovarlo puoi tornare al Passo 5 per vedere come fare.
56. Associa le variabili del prodotto del secondo nodo "Ottieni prodotti", in questo caso, i prodotti più visitati, affinché l’inline mostri gli elementi ottenuti in quel nodo e le loro informazioni. Puoi prendere questa immagine come riferimento:
57. Clicca su Termina.
In questo passaggio abbiamo detto a Connectif di mostrare l’inline con il recomendatore di prodotti che abbiamo appena creato ai visitatori che arrivano a questa parte del flusso. In questa strategia non abbiamo aggiunto limitazioni all’inline affinché venga mostrato ogni volta che si soddisfano le condizioni.
Risultato
Dopo aver completato i passaggi, avrai creato la tua strategia per mostrare un inline recomendatore che apparirà dopo la scheda prodotto nel momento in cui un contatto sta visitando il prodotto.
Continua il tuo percorso
Ora che hai completato questa lezione, continua con la successiva, con la quale creerai nel tuo account una strategia di remarketing.
Congratulazioni!
Sei arrivato alla fine della lezione.
Torna al corso
Accedi all’indice completo del corso e alla spiegazione di ogni lezione in questo link.
Letture correlate
Se vuoi approfondire alcuni degli apprendimenti acquisiti in questa lezione, puoi accedere alla documentazione della guida:
- Nodo "Ottieni prodotti", per comprendere in profondità il funzionamento di questo nodo che hai utilizzato in questa strategia e come sfruttarlo in altri workflow.
- Inserire un inline nel tuo eCommerce, nel caso avessi dubbi su come localizzare e inserire l’ID. E, se hai VTEX IO, segui i passaggi di questo articolo per aggiungere contenuti web.
- Mostrare la percentuale di sconto solo quando esiste uno sconto, per imparare come evidenziare i prodotti quando sono scontati rispetto ad altri che non lo sono.