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

Allez dans Widget dans le tableau de bord
Sélectionnez votre widget
Cliquez sur Code Embed
Copiez le code affiché

Code Standard

Le code à copier et 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ù l'Insérer

Collez le code avant la balise de fermeture body :

html

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

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

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 sans avoir à changer le code sur votre site.

Plateformes Spécifiques

WordPress

Allez dans Apparence > Éditeur de thème
Ouvrez footer.php
Collez le code avant la fermeture body
Enregistrez

Ou utilisez un plugin comme "Insert Headers and Footers".

Shopify

Allez dans Boutique en ligne > Thèmes
Cliquez sur Actions > Modifier le code
Ouvrez theme.liquid
Collez le code avant la fermeture body

Wix

Allez dans Paramètres > Code personnalisé
Cliquez sur + Ajouter du code
Collez le code
Sélectionnez "Body - fin"

Squarespace

Allez dans Paramètres > Avancé
Cliquez sur Injection de code
Collez dans le champ Footer

Vérifier l'Installation

Après l'installation :

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

Problèmes Courants

Le widget n'apparaît pas

Vérifiez que agentId est correct
Vérifiez 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 la connexion réseau
Vérifiez les logs dans le tableau de bord

Sécurité

Important

L'agentId est public et visible dans le code source
N'incluez pas de données sensibles dans la configuration
La limitation de débit est activée par défaut pour prévenir les abus

Prochaines Étapes

Personnalisez l'apparence depuis le tableau de bord
Surveillez les conversations
Analysez les métriques