Integrazione VTEX
Chatbot AI per il tuo negozio VTEX
Collega la tua storefront VTEX perché l'agente cerchi prodotti e prezzi aggiornati tramite la Intelligent Search pubblica di VTEX, poi aggiungi la chat con Google Tag Manager o nel codice della storefront. Senza app key.
Ultimo aggiornamento:
Come funziona intoCHAT con VTEX
intoCHAT riconosce il tuo account VTEX dalla storefront e cerca i prodotti tramite la Intelligent Search pubblica di VTEX, la stessa ricerca usata dal tuo negozio. Funziona sia con i negozi Store Framework sia con le storefront headless. La bolla della chat si aggiunge con un breve script, tramite Google Tag Manager o nel codice della storefront. L'agente legge solo dati pubblici del catalogo: niente ordini, carrelli, checkout o account dei clienti.
Configurare intoCHAT su VTEX
Crea e addestra l'agente
Registrati, crea un agente e inserisci l'indirizzo del negozio nella scheda Knowledge, così impara le pagine su spedizioni, resi e assistenza. Puoi anche caricare file o aggiungere coppie di domande e risposte.
Collega il negozio
Nella scheda Actions scegli Connect your website e incolla l'indirizzo che visitano i clienti, anche se è una storefront personalizzata. intoCHAT rileva il tuo account VTEX e aggiunge l'azione Search products.
Crea un tag Custom HTML in Google Tag Manager
Se il negozio usa l'app Google Tag Manager di VTEX, apri il container GTM e vai su Tag > Nuovo > Configurazione tag > HTML personalizzato. Incolla il codice qui sotto e sostituisci YOUR_AGENT_ID con l'ID della scheda Share.
Attivalo su tutte le pagine
Aggiungi al tag un nuovo attivatore di tipo Pronto per DOM attivo su tutti gli eventi, così il body della pagina esiste quando il widget parte, e salva il tag. Verificalo in modalità anteprima, poi invia e pubblica il contenitore.
Controlla il negozio
Apri il negozio. La bolla della chat compare nell'angolo in basso, con i colori e la posizione impostati nella scheda Appearance.
Il codice per un tag Custom HTML di GTM
<script>
(function () {
if (document.getElementById('intochat-embed')) return;
var s = document.createElement('script');
s.id = 'intochat-embed';
s.src = 'https://www.intochat.ai/api/embed.js';
s.setAttribute('data-chatbot-id', 'YOUR_AGENT_ID');
document.body.appendChild(s);
})();
</script>Google Tag Manager rimuove gli attributi data dai tag script inseriti in Custom HTML, quindi il semplice tag script si caricherebbe senza l'ID dell'agente. Questa versione imposta l'attributo con JavaScript. Lo stesso codice funziona nel body.html di una pixel app o in un template del CMS.
Cosa fa l'agente nel tuo negozio VTEX
Cerca nel catalogo in tempo reale
Ogni ricerca passa per VTEX Intelligent Search del tuo account e restituisce fino a cinque prodotti con nome, marca, prezzo, categorie e specifiche SKU.
Mostra schede prodotto
Le risposte includono schede con immagine, prezzo e un link costruito sul formato degli URL prodotto della tua storefront.
Indica il prezzo che si paga davvero
L'agente distingue il prezzo di vendita dal prezzo di listino prima dello sconto, così indica quanto paga davvero il cliente, nella valuta del negozio.
Funziona con le storefront headless
Incolla l'indirizzo che visitano i clienti. intoCHAT legge il formato dei link prodotto dalle tue pagine, così i link portano alla tua storefront.
Risponde anche oltre il catalogo
Addestralo con pagine o file su spedizioni, resi e FAQ. Le coppie Q&A hanno la priorità sulle altre fonti.
Raccoglie lead
Un modulo nella chat chiede email o numero di telefono secondo le regole che imposti, e ogni nuovo lead fa partire un avviso via email.
Domande frequenti
Cosa legge intoCHAT dal mio negozio VTEX?
I dati pubblici del catalogo da VTEX Intelligent Search per il tuo account: nomi dei prodotti, marche, prezzi, categorie e specifiche SKU, più la valuta del negozio dal suo canale di vendita pubblico. Non serve alcuna app key, e l'agente non vede ordini, carrelli, checkout o account dei clienti.
L'agente può tracciare gli ordini?
No. Per consultare un ordine servono credenziali private del negozio e la prova che l'ordine appartiene al visitatore, cosa che una connessione pubblica non può offrire. L'agente risponde alle domande su consegne e resi dalle tue pagine e raccoglie email o telefono perché il tuo team possa ricontattare il cliente.
Come aggiungo la chat senza Google Tag Manager?
Con Store Framework, uno sviluppatore può mettere lo stesso codice nel file body.html di una pixel app, che viene eseguito nel body di ogni pagina del negozio; non usare head.html. In un negozio con Legacy CMS vai su Storefront > Layout > CMS > HTML Templates e incollalo subito prima del tag di chiusura del body di ogni template usato dalle tue pagine. Con FastStore o un'altra storefront headless, chiedi al tuo sviluppatore di aggiungerlo al codice della storefront perché venga eseguito su ogni pagina.
Perché non incollare il semplice tag script in Google Tag Manager?
GTM rimuove gli attributi data dai tag script nei tag Custom HTML, quindi lo script si caricherebbe senza l'ID dell'agente e la chat non comparirebbe. Il codice di questa pagina crea l'elemento script con JavaScript e imposta da sé l'attributo. Dove modifichi direttamente l'HTML, come in un template del CMS, funziona anche il tag script di una riga della scheda Share.
Funziona con una storefront headless su VTEX?
Sì. Collega l'indirizzo che visitano i clienti. intoCHAT riconosce l'account VTEX dagli indirizzi delle risorse presenti nelle tue pagine, come vtexassets.com, e costruisce i link prodotto nel formato della tua storefront.
La chat rallenta il mio negozio?
Con Google Tag Manager lo script viene inserito quando la pagina ha già iniziato a caricarsi, quindi non blocca i tuoi contenuti. La finestra della chat gira in un proprio iframe servito da intoCHAT, quindi il suo codice resta separato dalla storefront.
Guardalo rispondere dal tuo sito
Incolla l’indirizzo del tuo sito e chatta con un agente creato dalle tue pagine. Ci vuole circa un minuto.
Crea il tuo agente gratisPiano gratuito, nessuna carta di credito.