Installer le chat sur votre site web

Le chat s’installe en collant un court code dans votre site, une seule fois.

Vous utilisez un assistant IA dans votre éditeur de code ? Dans Paramètres de l’App > Développeurs > Démarrage, choisissez « Avec votre assistant IA » et copiez le prompt d’installation, aussi dans Documentation > Démarrage rapide. Il installe le chat pour vous, puis vous dit ce qu’il a fait.

1. Ouvrez Paramètres de l’App > Développeurs > Démarrage. Dans l’étape d’installation, choisissez « HTML » dans « Outil ».
2. Copiez le code d’installation affiché et collez-le avant la balise </body> de chaque page de votre site.
3. Ouvrez votre site sur votre ordinateur : le bouton du chat apparaît en bas de la page.
4. Avant la mise en ligne, saisissez le domaine de votre site, par exemple kibomarket.com, dans Paramètres de l’App > Développeurs > Domaine, apps et pages. Le site passe en Production dès que le chat s’affiche sur ce domaine : voir Les modes Développement et Production.

<script>  window.zean = { appKey: "app_your_app_key" };</script><script async src="https://your-loader-address/loader.js"></script>

Ce code est un exemple : app_your_app_key et l’adresse du script tiennent la place des vraies valeurs. Le vrai code, avec la clé de votre App et la bonne adresse, se trouve dans Paramètres de l’App > Développeurs > Démarrage : copiez-le depuis cette page. Il ne change jamais : les mises à jour du chat et vos changements d’apparence arrivent sans y toucher.

Votre site est fait avec Next.js, React Router, TanStack Start, React, Nuxt ou Vue ? Installez plutôt le SDK web : voir Installer le chat sur un site React et Installer le chat sur un site Vue. Sur WordPress ou Shopify, voir Installer le chat sur WordPress ou Shopify.

Dans le chat, le bouton Capture d’écran permet au Contact de vous envoyer une image de la page, avec une flèche ou un cadre sur ce qui ne va pas. Son navigateur lui demande d’abord de partager l’onglet. Si votre site interdit la capture d’écran, le chat redessine la page à la place : les vidéos, cartes et images venues d’autres sites peuvent y manquer. Le bouton n’apparaît que sur ordinateur : les navigateurs des téléphones ne permettent pas de capturer la page.

Tant que le Contact a des réponses à lire, l’onglet de votre site affiche leur nombre dans son titre et un point rouge sur son icône. Vos développeurs peuvent le désactiver : voir Afficher le nombre de messages non lus.

Pour vos développeurs

Ouvrir le chat depuis un bouton de votre page, afficher le nombre de messages non lus, choisir la langue du chat ou identifier le Contact : tout est dans la Documentation > Site web.

Le chat ne s’affiche pas ? Vérifiez d’abord le domaine, puis lisez l’article Le chat ne s’affiche pas.