Introduzione
Il widget web è la porta d'ingresso principale per i visitatori del tuo sito che vogliono chattare con te. Chat G Tech Group fornisce uno snippet JavaScript leggero (~30KB gzipped) che si integra in qualsiasi sito HTML, WordPress, Shopify, Magento o CMS personalizzato.
Generazione dello snippet
Accedi al pannello e vai in Canali > Widget Web > Nuovo widget. Assegna un nome interno (es. "Sito principale") e seleziona il team che riceverà le conversazioni. Il sistema genera un codice univoco che identifica il widget e lo associa al tuo account.
Installazione su HTML statico
Copia lo snippet fornito e incollalo prima del tag </body> di tutte le pagine in cui vuoi mostrare la chat. Lo snippet ha questa struttura:
<script>
(function(d,t){var s=d.createElement(t);
s.src="https://chat.gtechgroup.it/widget.js";
s.setAttribute("data-id","ABC123");
d.body.appendChild(s);})(document,"script");
</script>Installazione su WordPress
Su WordPress puoi usare il plugin gratuito "Header Footer Code Manager" oppure inserire lo snippet nel file footer.php del tema child. In alternativa molti temi premium offrono un campo "Custom Code > Footer" nelle impostazioni del Customizer.
Installazione su Shopify
Da admin Shopify vai in Online Store > Themes > Edit code, apri theme.liquid e incolla lo snippet prima di </body>. Salva e ricarica il front-end per verificare la comparsa del widget.
Posizionamento e visibilità
Per default il widget appare in basso a destra. Puoi modificare posizione, dimensione e comportamento (auto-open, delay) dalla sezione Widget > Aspetto. Sui dispositivi mobili la chat occupa l'intera viewport quando aperta.
Pagine escluse
Se non vuoi mostrare il widget su determinate pagine (es. checkout, area riservata), usa la regola di esclusione URL nel pannello widget oppure aggiungi una variabile JavaScript window.gtgChatHide = true prima dello snippet.
Verifica installazione
Dopo aver pubblicato le modifiche apri il sito in incognito: il pulsante chat deve apparire entro 2-3 secondi. Se non compare verifica nella Console del browser eventuali errori 404 o blocchi CSP.
Hai bisogno di aiuto?
Se vuoi attivare Chat G Tech Group sul tuo sito, scrivici tramite il modulo di contatto.