Lo snippet base
Dalla dashboard, vai in Bot → Widget. Trovi una riga di codice tipo:
<script src="https://www.ombrachat.it/widget.js" data-client-id="..." defer></script>Copialo e incollalo nel tuo sito prima del tag </body>.
WordPress
Hai 3 opzioni in ordine di facilità:
- Plugin "Insert Headers and Footers": installa il plugin, vai in Settings → Insert Headers and Footers, incolla lo snippet nel campo "Scripts in Footer".
- Editor del tema: Aspetto → Editor del tema → footer.php → incolla prima di
</body>. - Tema con custom code: alcuni temi (Astra, GeneratePress, ecc.) hanno un'opzione "Custom Code" nel customizer.
Shopify
Online Store → Themes → Actions → Edit code → theme.liquid → cerca </body> e incolla lo snippet appena prima.
Wix
Settings → Custom Code → Add Custom Code → Code Type "Custom" → incolla snippet → "Place Code in" body end → All pages.
Sito HTML/Next.js/altro
Incolla lo snippet nel layout principale prima della chiusura di </body>. Su Next.js, usa il componente Script con strategy="afterInteractive".
Personalizzazione opzionale
Puoi aggiungere attributi al tag script per customizzare:
<script
src="https://www.ombrachat.it/widget.js"
data-client-id="..."
data-color="#1a73e8"
data-name="Marco"
data-welcome="Ciao! Come posso aiutarti?"
data-privacy-url="https://tuosito.it/privacy"
defer></script>Verifica
Apri il sito in finestra anonima. Dovresti vedere la bolla del bot in basso a destra. Se non la vedi, controlla:
- Console browser (F12) per errori JavaScript
- Cache: prova hard reload (Cmd+Shift+R)
- data-client-id corretto (copialo dalla dashboard)