Comment ajouter le chat à votre site

Où trouver le code

Dans le tableau de bord, allez dans Widget, onglet Installation. Sous Où se trouve votre site ?, choisissez votre plateforme - vous verrez des instructions étape par étape et un bouton Copier le code.

Le code ressemble à ceci (le vôtre contient sa propre clé à la place de YOUR_KEY - copiez-le depuis le tableau de bord) :

<script src="https://chatrina.com/widget/widget.js" data-key="YOUR_KEY" async></script>

WordPress et WooCommerce

1. Dans WordPress, allez dans Extensions → Ajouter et installez l'extension gratuite WPCode.
2. Allez dans Code Snippets → Header & Footer.
3. Collez le code dans le champ Footer.
4. Cliquez sur Enregistrer. Le chat apparaîtra sur toutes les pages.

Sans extension : Apparence → Éditeur de fichiers des thèmes → footer.php et collez le code juste avant </body>. WooCommerce fonctionne sur WordPress, les étapes sont donc les mêmes.

Shopify

1. Dans Shopify, allez dans Boutique en ligne → Thèmes.
2. À côté du thème en ligne, cliquez sur … → Modifier le code.
3. Ouvrez le fichier layout/theme.liquid.
4. Cherchez </body> (Ctrl+F ou Cmd+F) et collez le code juste avant.
5. Cliquez sur Enregistrer.

Wix

1. Dans Wix, allez dans Paramètres → Avancé → Code personnalisé.
2. Cliquez sur + Ajouter un code personnalisé et collez le code.
3. Choisissez Toutes les pages et placez-le dans Body - fin.
4. Cliquez sur Appliquer et publiez le site.

Webflow

1. Ouvrez Site settings → Custom code.
2. Collez le code dans le champ Footer code.
3. Enregistrez et publiez le site (Publish).

Un site créé avec l'IA (Lovable, Bolt, Cursor, Replit, Claude)

Choisissez la carte Vibecoding (IA) et cliquez sur Copier le prompt. Collez-le dans le chat de votre outil - l'IA ajoute le code au bon endroit. Acceptez ensuite les modifications et publiez le site.

Tout autre site

Ouvrez le modèle présent sur toutes les pages (en général le pied de page ou la mise en page principale) et collez le code juste avant la balise de fermeture </body>. Enregistrez et publiez les modifications.

Quelqu'un d'autre s'occupe de votre site ?

Choisissez la carte Envoyer à un développeur, indiquez son e-mail et cliquez sur Envoyer le code et les instructions. Il reçoit le code et les instructions pour les plateformes courantes. L'e-mail ne contient aucun identifiant de connexion.

Vérifiez que tout fonctionne

Après avoir collé le code, ouvrez votre site dans le navigateur (actualisez la page), revenez au tableau de bord et cliquez sur Vérifier si ça fonctionne. Vous verrez ✓ Le widget fonctionne sur … avec l'adresse de votre site, ou une indication de ce qui manque encore.

Le chat ne s'affiche pas ?

• Dans Widget → Apparence et contenu du site, l'interrupteur en haut doit indiquer Widget activé sur le site, et Chat doit être activé sous Ce qui est sur votre site.
• Votre offre doit être active ou l'essai doit être en cours.
• Si vous avez indiqué des domaines sous Sur quels sites le widget peut fonctionner dans l'onglet Installation, le chat ne fonctionne que sur ces domaines. Vide = il fonctionne partout où vous collez le code.
• Quand le quota mensuel de conversations est épuisé, le chat disparaît jusqu'à la fin de la période ou jusqu'à l'ajout d'un pack - offres et limites.
• Les bloqueurs de publicité côté visiteur peuvent masquer le chat dans son navigateur.

Questions fréquentes