Connectif permette di mostrare contenuti web personalizzati in VTEX IO con modifiche minime al codice e alla struttura del tuo eCommerce.
In questo articolo, imparerai come inserire contenuti di Connectif tramite un inline nel tuo VTEX IO.
PASSO 1. Inserire il componente nel codice
(In questa sezione il componente viene posizionato nel punto giusto della strategia per mostrare il contenuto).
1. Nel file "manifest.json" del tema utilizzato in VTEX IO, aggiungi come dipendenza l'app di Connectif con una versione 1 o superiore.
2. Posiziona la definizione del blocco nella posizione desiderata del codice.
"store.home": {
"blocks": [
"list-context.image-list#demo",
/* Puoi fare riferimento a blocchi definiti in altri file.
* Ad esempio, `flex-layout.row#deals` è definito nel file `deals.json`. */
"__fold__.experimentalLazyAssets",
"flex-layout.row#deals",
"connectif#test-connectif-block",
"rich-text#shelf-title",
"flex-layout.row#shelf",
"info-card#home",
"rich-text#question",
"rich-text#link",
"newsletter"
]
}
3. Aggiungi le proprietà necessarie per identificare il blocco creato.
"connectif#test-connectif-block": { "props": { "classId": "test-connectif-block", "elementId": "test-connectif-block-elem-id" } }
4. (Opzionale) Ripeti i punti 2 e 3 per ogni posizione diversa nella struttura del tuo sito web in cui desideri mostrare un contenuto.
PASSO 2. Mostrare il contenuto sul sito web
5. Crea un workflow per mostrare l'inline. Ricorda che, come minimo, dovrai utilizzare un nodo "Inviare contenuto web" e configurarlo con la proprietà creata al punto 3 come selettore.
Continua a imparare!
Per sfruttare al massimo il potenziale del tuo account su Connectif, ti consigliamo di proseguire con i seguenti articoli:
- Integrazione personalizzata per inviare dati, per inviare dati da Connectif a sistemi o applicazioni esterne.
- Rilevare e reagire ai link web creati al di fuori di Connectif, per rilevare e reagire ai clic su qualsiasi link del tuo sito web.
-
Integrazione con Facebook e Instagram, per connettere il tuo account Facebook Ads con Connectif e iniziare a gestire le tue audience.
-
Form integrati, per integrare in Connectif form già esistenti sul tuo sito web.