Leader24Leader24
🇫🇷

Code d'Intégration

Comment obtenir et installer le code embed du widget

Le code embed est le script JavaScript qui ajoute le widget à votre site.

Obtenir le Code

  1. Allez sur Widget dans la barre latérale du tableau de bord
  2. Sur la carte de l'agent cliquez sur Code d'Intégration
  3. Dans la carte Code d'Intégration cliquez sur Copier le Code

Code Standard

Le code à copier-coller :

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>

Où le Placer

Collez le code avant la fermeture de la balise body :

html
<!DOCTYPE html>
<html>
<head>
  <title>Votre site</title>
</head>
<body>
  <!-- Contenu de votre site -->

  <!-- Widget Leader24 - insérer avant la fermeture de body -->
  <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>
</body>
</html>

Envoyez les instructions à votre web master

Si le site est géré par quelqu'un d'autre, cliquez sur Envoyer les instructions à votre web master dans la carte Code d'Intégration : il recevra par email le code et un guide pas à pas. Vous pouvez joindre un message personnel (maximum 3 envois par 24 heures) et suivre l'état de l'installation depuis la carte.

Personnalisation

Configurez depuis le Tableau de bord

Toutes les options de personnalisation (couleurs, position, messages, avatar, thème, etc.) se configurent depuis Tableau de bord → Widget → Paramètres.

Les modifications s'appliquent automatiquement au rechargement de la page, sans changer le code de votre site.

Plateformes Spécifiques

WordPress

Utilisez le plugin officiel Leader24 :

  1. Dans le panneau WordPress allez sur Extensions → Ajouter une extension et cherchez Leader24
  2. Cliquez sur Installer maintenant, puis sur Activer
  3. Collez votre Agent ID dans l'entrée Leader24 du menu

Dans la carte Code d'Intégration du tableau de bord vous trouvez l'onglet WordPress avec le guide illustré. Sinon, vous pouvez coller le snippet HTML avec un plugin comme « Insert Headers and Footers ».

Shopify

  1. Dans le panneau Shopify allez sur Boutique en ligne → Thèmes → Modifier le code
  2. Ouvrez theme.liquid
  3. Collez le snippet avant la fermeture de la balise body
  4. Enregistrez

Wix

  1. Allez sur Settings > Custom Code
  2. Cliquez sur + Add Code
  3. Collez le code
  4. Sélectionnez « Body - end »

Squarespace

  1. Allez sur Settings > Advanced
  2. Cliquez sur Code Injection
  3. Collez dans le champ Footer

Vérifier l'Installation

Après l'installation :

  1. Rechargez la page
  2. Vous devriez voir l'icône du widget dans le coin
  3. Cliquez pour ouvrir le chat
  4. Testez en envoyant un message

Problèmes Courants

Le widget n'apparaît pas

  • Vérifiez que l'agentId est correct
  • Regardez la console du navigateur pour les erreurs
  • Assurez-vous que le widget est actif dans le tableau de bord

Le widget apparaît mais ne répond pas

  • Vérifiez que l'agent est actif
  • Vérifiez les horaires de réponse du widget : en dehors de ces horaires, l'agent ne répond pas
  • Vérifiez la connexion réseau

Sécurité

Important

  • L'agentId du snippet est public et visible dans le code source : c'est prévu, ce n'est pas un secret
  • Pour contrôler où le widget peut fonctionner, utilisez les Domaines autorisés dans les paramètres (le contrôle est appliqué par nos serveurs)
  • Contre les abus, une limite de 60 requêtes par heure par visiteur est active par défaut

Prochaines Étapes

© 2026 Leader24.