Leader24Leader24
🇮🇹

Codice Embed

Come ottenere e installare il codice embed del widget

Il codice embed è lo script JavaScript che aggiunge il widget al tuo sito.

Ottenere il Codice

  1. Vai su Widget nella sidebar della dashboard
  2. Sulla card dell'agente clicca Codice Integrazione
  3. Nella card Codice di Integrazione clicca Copia Codice

Codice Standard

Il codice da copiare e incollare:

html
<script>
  window.Leader24WidgetConfig = {
    agentId: 'TUO_AGENT_ID',
    apiUrl: 'https://api.leader24.ai'
  };
</script>
<script src="https://api.leader24.ai/widget-public/TUO_AGENT_ID/widget.js" async></script>

Dove Inserirlo

Incolla il codice prima della chiusura del tag body:

html
<!DOCTYPE html>
<html>
<head>
  <title>Il tuo sito</title>
</head>
<body>
  <!-- Contenuto del tuo sito -->

  <!-- Widget Leader24 - inserisci prima della chiusura body -->
  <script>
    window.Leader24WidgetConfig = {
      agentId: 'TUO_AGENT_ID',
      apiUrl: 'https://api.leader24.ai'
    };
  </script>
  <script src="https://api.leader24.ai/widget-public/TUO_AGENT_ID/widget.js" async></script>
</body>
</html>

Invia le istruzioni al web master

Se il sito lo gestisce qualcun altro, clicca Invia istruzioni al tuo web master nella card Codice di Integrazione: riceverà via email il codice e una guida passo-passo. Puoi allegare un messaggio personale (massimo 3 invii ogni 24 ore) e seguire lo stato dell'installazione dalla card.

Personalizzazione

Configura dal Dashboard

Tutte le opzioni di personalizzazione (colori, posizione, messaggi, avatar, tema, ecc.) si configurano dal Dashboard → Widget → Impostazioni.

Le modifiche si applicano automaticamente alla ricarica della pagina, senza dover cambiare il codice sul tuo sito.

Piattaforme Specifiche

WordPress

Usa il plugin ufficiale Leader24:

  1. Nel pannello WordPress vai su Plugin → Aggiungi plugin e cerca Leader24
  2. Clicca Installa ora, poi Attiva
  3. Incolla il tuo Agent ID nella voce Leader24 del menu

Nella card Codice di Integrazione della dashboard trovi la tab WordPress con la guida illustrata. In alternativa puoi incollare lo snippet HTML con un plugin come "Insert Headers and Footers".

Shopify

  1. Nel pannello Shopify vai su Negozio online → Temi → Modifica codice
  2. Apri theme.liquid
  3. Incolla lo snippet prima della chiusura del tag body
  4. Salva

Wix

  1. Vai su Settings > Custom Code
  2. Clicca + Add Code
  3. Incolla il codice
  4. Seleziona "Body - end"

Squarespace

  1. Vai su Settings > Advanced
  2. Clicca Code Injection
  3. Incolla nel campo Footer

Verifica Installazione

Dopo l'installazione:

  1. Ricarica la pagina
  2. Dovresti vedere l'icona del widget nell'angolo
  3. Clicca per aprire la chat
  4. Testa inviando un messaggio

Problemi Comuni

Widget non appare

  • Verifica che agentId sia corretto
  • Controlla la console del browser per errori
  • Assicurati che il widget sia attivo nel dashboard

Widget appare ma non risponde

  • Verifica che l'agente sia attivo
  • Controlla gli orari di risposta del widget: fuori orario l'agente non risponde
  • Controlla la connessione di rete

Sicurezza

Importante

  • L'agentId nello snippet è pubblico e visibile nel codice sorgente: è previsto, non è un segreto
  • Per controllare dove il widget può funzionare usa i Domini autorizzati nelle impostazioni (il controllo è applicato dai nostri server)
  • Contro gli abusi è attivo di default un limite di 60 richieste all'ora per visitatore

Prossimi Passi

© 2026 Leader24.