Leader24Leader24
🇫🇷

Configurer le Widget

Ajoutez le chat IA à votre site : WordPress, Shopify ou n'importe quel site avec un snippet

Le widget est la bulle de chat qui amène votre agent IA directement sur votre site web : les visiteurs posent des questions et l'agent répond 24/7, sur ordinateur et mobile.

Où ça se gère

  1. Allez sur Widget dans la barre latérale du tableau de bord
  2. Repérez la carte de l'agent : elle montre l'état (Actif/Inactif), la couleur et la position actuelles
  3. Cliquez sur Paramètres (ou Configurer, la première fois)

À l'intérieur vous trouvez tout : la carte Code d'Intégration pour l'installation, les sections de personnalisation et l'interrupteur Statut du Widget pour allumer et éteindre le chat sur le site.

Installation

Le chemin dépend de la plateforme de votre site.

WordPress : plugin officiel (recommandé)

  1. Dans le panneau WordPress allez sur Extensions → Ajouter une extension et cherchez Leader24
  2. Cliquez sur Installer maintenant, puis sur Activer
  3. Ouvrez l'entrée Leader24 dans le menu de WordPress et collez votre Agent ID
  4. Enregistrez : le widget apparaît sur le site

L'Agent ID se copie depuis le tableau de bord : Agents → votre agent → Paramètres → onglet Général, champ Agent ID avec le bouton de copie. Dans la carte Code d'Intégration vous trouvez aussi un onglet WordPress avec le guide illustré pas à pas.

Shopify et n'importe quel autre site : snippet HTML

  1. Allez sur Widget → carte de l'agent → Code d'Intégration
  2. Cliquez sur Copier le Code
  3. Collez le snippet avant la fermeture de la balise body
html
<script>
  window.Leader24WidgetConfig = {
    agentId: 'VOTRE_AGENT_ID',
    apiUrl: 'https://api.leader24.ai'
  };
</script>
<script src="https://api.leader24.ai/widget-public/VOTRE_AGENT_ID/widget.js" async></script>

Pour Shopify : Boutique en ligne → Thèmes → Modifier le code → ouvrez theme.liquid et collez le snippet avant la fermeture de la balise body. Pour Wix : Settings → Custom Code → ajoutez le code dans « Body - end ». Pour Squarespace : Settings → Advanced → Code Injection → champ Footer.

Vous ne voulez pas toucher au code vous-même ?

Dans la carte Code d'Intégration cliquez sur « Envoyer les instructions à votre web master » : il recevra par email le code et un guide pas à pas. Vous pouvez ajouter un message personnel, et depuis la carte vous suivez l'état — « En attente d'installation » jusqu'à ce que le widget soit en ligne, puis « Widget installé le... » avec le site détecté.

Vérifier l'installation

  1. Rechargez votre site
  2. L'icône du widget apparaît dans le coin choisi
  3. Ouvrez le chat et envoyez un message de test

À partir de là, tout se gère depuis le tableau de bord : couleurs, messages et comportement se mettent à jour tout seuls sur votre site au rechargement de la page, sans plus toucher au code.

Prochaines étapes

© 2026 Leader24.