Comment installer le Widget Chatim

Le widget Chatim vous permet d'integrer des fonctionnalites de chat en direct et de chatbot directement dans votre site web. L'installation ne prend qu'une seule etape : copiez un petit extrait JavaScript et collez-le dans le HTML de votre site. Le widget se charge de maniere asynchrone et ne ralentira pas vos pages.

Etape 1 : S'inscrire et se connecter

Allez sur S'inscrire et creez un nouveau compte, ou connectez-vous si vous en avez deja un.
Une fois connecte, creez votre premier projet. Apres avoir cree le projet, cliquez sur Installer dans le menu de navigation pour trouver votre code d'installation.

Etape 2 : Obtenir le code d'installation

La page d'installation affiche un extrait de code pret a l'emploi avec votre ID de projet pre-rempli. Cliquez sur Copier le code pour le copier dans votre presse-papiers.

Le code ressemble a ceci :

<script>
  window.chatim = window.chatim || {};
  window.chatim.cmd = window.chatim.cmd || [];
  window.chatim.settings = { projectId: "YOUR_PROJECT_ID" };
</script>
<script src="https://widget.chatim.app/widget.js" async></script>

Etape 3 : Ajouter le code a votre site web

Ajoutez ce code a chaque page ou vous souhaitez que le widget de chat apparaisse. Pour de meilleurs resultats, placez-le juste avant la balise fermante </body> :

  <!-- Your page content -->

  <!-- Chatim Widget -->
  <script>
    window.chatim = window.chatim || {};
    window.chatim.cmd = window.chatim.cmd || [];
    window.chatim.settings = { projectId: "YOUR_PROJECT_ID" };
  </script>
  <script src="https://widget.chatim.app/widget.js" async></script>
</body>
</html>

Comment ca fonctionne

Le premier bloc <script> initialise les parametres Chatim avec votre ID de projet
Le second <script> charge le widget de maniere asynchrone (ne bloquera pas le chargement de la page)
Une fois charge, le widget de chat apparait dans le coin de votre page
Les visiteurs peuvent cliquer pour ouvrir le widget et interagir avec votre chatbot

Etape 4 : Tester le widget

Ouvrez votre site web dans un navigateur et actualisez la page pour vous assurer que le widget Chatim apparait.
Cliquez dessus pour ouvrir le widget et tester les fonctionnalites de chat en direct et de chatbot.
Verifiez la page Visiteurs dans votre tableau de bord — vous devriez voir votre visite.

Guides specifiques par plateforme

Constructeurs de sites web

WordPress — Ajouter via l'editeur de theme, un plugin ou functions.php
Shopify — Ajouter au fichier theme.liquid de votre theme
WIX — Ajouter du code personnalise via les parametres du site WIX
Squarespace — Injecter du code via les parametres d'Injection de code
Webflow — Ajouter via la section de code personnalise des Parametres du projet
Magento — Ajouter au XML de disposition de votre theme ou aux parametres CMS
Site123 — Ajouter via les parametres de code personnalise

Gestionnaires de balises

Google Tag Manager — Creer une balise HTML personnalisee avec le code du widget
Adobe Launch — Ajouter comme action de code personnalise dans une regle

Frameworks JavaScript

Next.js — Utiliser le composant next/script avec la strategie lazyOnload

Depannage

Le Widget n'apparait pas

Verifiez le placement du code — assurez-vous qu'il est avant </body>, pas dans <head>
Verifiez l'ID du projet — comparez-le avec l'ID affiche sur votre page d'installation
Verifiez la console du navigateur — ouvrez les DevTools (F12) et recherchez les erreurs dans l'onglet Console
Desactivez les bloqueurs de publicites — certains bloqueurs de publicites peuvent empecher le chargement du widget
Videz le cache — essayez un rafraichissement force (Ctrl+F5 ou Cmd+Shift+R)

Plusieurs widgets apparaissent

Si vous voyez des widgets en double, le code a peut-etre ete ajoute plus d'une fois. Verifiez les fichiers du theme pour les entrees en double, le gestionnaire de balises pour les balises en double et les parametres des plugins qui pourraient egalement injecter le widget.

Besoin d'aide ?

Si vous rencontrez des problemes, contactez l' equipe de support.

Centre d'aide Chatim