Il componente "connectif.product-recommendation" serve per mostrare raccomandazioni di prodotti inviate da Connectif in formato carosello nelle integrazioni con VTEX IO.
Per configurare questo componente, avrai bisogno di un esperto con conoscenze di programmazione. Inoltre, affinché l'eCommerce possa ricevere eventi di prodotti raccomandati, dovrai creare e configurare i workflow necessari con il nodo “Condividi dati”.
Come si usa
Il componente "connectif.product-recommendation" è progettato per le integrazioni con VTEX IO, utilizzando componenti nativi VTEX come Slider Layout e Product Summary per mostrare le informazioni sui prodotti e configurare le impostazioni del carosello.
Requisiti
Per poter utilizzare il componente "connectif.product-recommendation" è necessario avere la dipendenza di Connectif nel tema, aggiungendo il seguente frammento di codice nel file manifest.json:
"peerDependencies": {
"connectif.connectif": "1.x"
},
Esempio
Il componente avrà questo aspetto:
"connectif.product-recommendation": {
"props": {
"id": "product-recommendation-home"
},
"children": ["list-context.product-list-static#connectif-products"]
},
"list-context.product-list-static#connectif-products": {
"blocks": ["product-summary.shelf"], // Componente VTEX Product Summary
"children": ["slider-layout#connectif-products"] // Componente VTEX Slider Layout
},
"slider-layout#connectif-products": {
"props": {
"itemsPerPage": {
"desktop": 3,
"tablet": 3,
"phone": 1
},
"infinite": true,
"fullWidth": false,
"blockClass": "shelf"
}
},
Spiegazione dell’esempio:
- connectif.product-recommendation: riceve un “id” nei props. Questo id è l’identificativo che devi configurare nel nodo "Condividi dati".
- list-context.product-list-static#connectif-products: avvolge il blocco product-summary.shelf e contiene il componente slider-layout#connectif-products.
- product-summary.shelf: è il componente nativo di VTEX per mostrare le informazioni del prodotto.
- slider-layout#connectif-products sono le impostazioni personalizzabili del carosello, che permettono di configurare quanti prodotti mostrare su ciascun dispositivo.
Congratulazioni!
Hai completato la lezione.
Hai ancora dubbi?
Ricorda che hai a disposizione i nostri specialisti di Connectif. Per contattarli, ti basta aprire un ticket al Supporto cliccando sul pulsante blu “Aiuto” nel tuo 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 VTEX IO, per imparare come integrare il tuo store VTEX IO con Connectif.
- Inserire un inline in VTEX, per inserire contenuto di Connectif tramite un inline nel tuo VTEX IO.
- Configurazione Affiliati in VTEX, per imparare come sincronizzare gli affiliati in VTEX con Connectif e come funziona questa sincronizzazione.
- Integrazione personalizzata per inviare dati, per inviare dati da Connectif a sistemi o applicazioni esterne.