L’applicazione Connectif Checkout Extension è un’applicazione per personalizzare la schermata di pagamento in Shopify, che serve per mostrare nella pagina di checkout un componente personalizzato con raccomandazioni di prodotti inviate da Connectif.
In questo articolo viene spiegato come configurare l’estensione Connectif Checkout nel tuo eCommerce per poter aggiungere il componente di raccomandazione dei prodotti.
Per configurare questo componente, devi avere un account Shopify Plus. Inoltre, affinché l’eCommerce possa ricevere eventi di prodotti raccomandati, dovrai creare e configurare i workflow necessari con il nodo “Condividi dati”.
1. Proprietà
- Nelle integrazioni con Shopify esiste un’estensione dell’interfaccia utente compatibile con Shopify Plus che ti permette di aggiungere, nella pagina di checkout del tuo negozio Shopify, blocchi di prodotti personalizzati.
- Questo blocco mostrerà i prodotti personalizzati e permetterà di aggiungerli direttamente al carrello, a condizione che nell’integrazione con Shopify tu abbia configurato la registrazione dei prodotti in Connectif tramite ID.
- Se sono configurati per essere registrati tramite SKU, il blocco mostrerà un pulsante per "Visualizza" il prodotto, ma non per aggiungerlo al carrello.
Se hai bisogno di ulteriori informazioni sulla configurazione della registrazione dei prodotti in Connectif nella tua integrazione con Shopify, consulta questo articolo.
- Per poter mostrare il blocco di prodotti, dovrai configurare il workflow incaricato tramite il nodo "Condividi dati" (vedi punto 2.2.).
- Se il workflow non è configurato, nel tuo negozio Shopify potrai vedere un’anteprima del blocco, ma questo non sarà visibile ai tuoi contatti.
- Inoltre, anche se questa informazione non viene mostrata, il nodo "Condividi dati" genererà l’attività nel profilo del contatto e nel tuo Negozio Connectif.
2. Come si usa in Connectif
2.1. Configurare l’estensione di Checkout su Shopify
Assicurati di avere attiva l’integrazione con Shopify nel tuo Negozio Connectif prima di configurare questo componente. Inoltre, se desideri che i contatti possano aggiungere i prodotti al carrello dalla pagina di checkout, dovrai aver configurato la registrazione dei prodotti tramite ID.
1. Accedi al tuo account Shopify, vai su Schermata di pagamento e clicca su Personalizza. Puoi anche accedere tramite "Negozio online > Temi > Personalizza tema" selezionando la pagina di pagamento.
2. Nel menu laterale, vai su Applicazioni.
3. Cerca "Connectif Checkout Extension" e aggiungila.
4. Una volta completata l’installazione, potrai aggiungere l’elemento del componente personalizzato. Per farlo, nel menu laterale, vai su Sezioni.
5. Clicca su Aggiungi blocco applicazione nel punto in cui desideri aggiungere il blocco e, dal menu a tendina, seleziona Connectif Checkout Extension.
5. Configura i parametri del componente. Le modifiche verranno mostrate in tempo reale nell’anteprima.
- Identificatore: per indicare l’ID del nodo "Condividi dati" da cui verranno estratte le informazioni per mostrare i prodotti. Deve essere lo stesso che configuri in quel nodo, altrimenti non funzionerà.
- Numero di prodotti: per configurare la quantità di prodotti che il blocco mostrerà.
- Rapporto d’aspetto dell’immagine: per selezionare la proporzione dell’immagine che verrà mostrata nel blocco.
- Adattamento immagine: per selezionare come verrà mostrata l’immagine all’interno del contenitore.
- Mostra descrizione prodotto: per scegliere se mostrarla o nasconderla.
- Stile del pulsante: per scegliere lo stile del pulsante, in base a quanto configurato per il tuo checkout in Shopify.
2.1.1. Disattivare l'opzione WebPixel
Se hai attivato l'estensione di Checkout di Shopify, puoi disattivare l'evento di visita della pagina del Web Pixel per evitare che gli eventi di Page Visit vengano duplicati in Connectif.
Se attivi l'estensione di Checkout, ti consigliamo di disattivare l'estensione WebPixel per evitare la duplicazione dei dati sulle visite alla pagina di checkout.
1. Nel tuo account Shopify, vai su "App e canali di vendita" e accedi alle Impostazioni della tua integrazione con Connectif.
2. Nella sezione Web Pixel, seleziona la casella Disattivare l'evento di visita della pagina nel checkout.
Questa opzione sarà disponibile solo se hai un account Shopify Plus, in modo da poterla disattivare se attivi l'estensione di checkout.
3. Clicca su Salva impostazioni.
2.2. Come mostrare il componente personalizzato ai tuoi contatti
Per far sì che il componente venga visualizzato dai tuoi contatti con i prodotti personalizzati, oltre ad aggiungere il blocco dell’applicazione nella configurazione della pagina di pagamento su Shopify, dovrai disporre di un workflow dedicato a questo.
Puoi aggiungere diversi blocchi personalizzati alla tua pagina di checkout, purché ognuno di essi sia collegato a un nodo "Condividi dati", seguendo la procedura illustrata in questo esempio.
1. Nel tuo Negozio Connectif, vai su Workflows e crea un nuovo Workflow Personalizzato.
2. Nell’interfaccia del nodo "Inizio" determina il pubblico a cui desideri mostrare questo contenuto quando visitano la pagina di checkout. Nel nostro esempio, abbiamo impostato la strategia affinché si attivi per Tutta la mia lista e per Tutti i contatti esistenti e nuovi.
3. Aggiungi al workflow un nodo "Alla visita della pagina web" e collegalo al nodo "Inizio".
4. Nella sua interfaccia, seleziona l’opzione Qualsiasi pagina che inizia per e inserisci l’URL della tua pagina di checkout. In Limitazioni, disattiva l’opzione Disattiva dopo l’attivazione. In questo modo, ogni contatto che visiterà la pagina di checkout entrerà nel workflow, tutte le volte che visiterà la pagina di checkout.
Assicurati di attivare la strategia solo sulle pagine dove sarà presente il contenitore del nodo "Condividi dati".
5. Aggiungi un nodo "Ottieni prodotti" e collegalo al nodo "Alla visita della pagina web".
6. Nella sua interfaccia, seleziona tra i casi d’uso disponibili quello o quelli più adatti alla tua strategia e configurali.
Se hai bisogno di maggiori informazioni su come configurare il nodo "Ottieni prodotti", consulta questo articolo.
7. Aggiungi un nodo "Condividi dati" e collegalo al nodo "Ottieni prodotti".
8. Nell’interfaccia del nodo, assegna un Identificatore che potrai utilizzare successivamente per recuperare i dati dal nodo e salvalo per poterlo collegare in Shopify. Configura anche il Nodo di Origine e scegli i dati che vuoi condividere con Shopify.
Se hai bisogno di maggiori informazioni su come configurare il nodo "Condividi dati", consulta questo articolo.
9. Salva e attiva il tuo workflow.
10. Torna al tuo account Shopify, nelle impostazioni del componente che hai aggiunto alla tua pagina di pagamento. Nella sezione Identificatore, inserisci l’ID che hai assegnato al nodo "Condividi dati". In questo modo, quel blocco otterrà le informazioni dal nodo "Condividi dati" e le utilizzerà per personalizzare il blocco prodotti del checkout.
Complimenti!
Sei arrivato alla fine della lezione.
Hai ancora domande?
Ricorda che hai a disposizione i nostri specialisti Connectif. Per contattarli, ti basterà aprire un ticket di supporto facendo clic sul pulsante blu “Aiuto” nella tua dashboard.
Continua a imparare!
Per sfruttare al massimo il potenziale del tuo account Connectif, ti consigliamo di proseguire con i seguenti articoli:
- Guida per integrare con Shopify, per imparare passo passo come integrare il tuo Negozio Connectif con questa piattaforma.
- Nodo "Condividi dati", per capire il funzionamento di questo nodo.
- Nodo "Ottieni prodotti", per imparare come configurarlo e ottenere i prodotti desiderati in ogni caso.
- Prodotti collegati automaticamente, per capire come funziona il meccanismo di relazione automatica dei prodotti in Connectif.