Revo ChatRevo Chat
Essai gratuit

Premiers pas

Ajoutez le widget à votre site, donnez-lui les couleurs de votre marque et accueillez votre premier visiteur.

Ajouter le widget à votre site

Collez une ligne de code sur votre site ; l'installation est vérifiée automatiquement.

Copiez le code depuis Paramètres → Installation dans votre tableau de bord et collez-le juste avant la balise </body> sur toutes les pages de votre site. Le script se charge de manière asynchrone : il ne ralentit pas vos pages.

HTML
<script src="https://revochat.app/widget.js"
        data-revo-chat="YOUR_SITE_KEY" async></script>

Après avoir collé le code, ouvrez simplement votre site une fois : dès que le widget se connecte pour la première fois depuis votre domaine, l'étape correspondante de l'écran Configuration se valide d'elle-même. Aucun bouton à cliquer.

Ouvrir la page de chat que nous hébergeons (revochat.app/chat/…) ne compte pas comme une installation — cette étape confirme uniquement que le widget tourne réellement sur votre propre site.
  • WordPress : Apparence → Éditeur de fichiers de thème → footer.php, ou n'importe quelle extension d'insertion de code en en-tête/pied de page.
  • Shopify : Boutique en ligne → Thèmes → Modifier le code → theme.liquid, avant </body>.
  • Wix / Squarespace : le champ « code personnalisé » des paramètres de votre site, appliqué à toutes les pages.
  • Next.js / React : sous forme de <script> dans votre layout racine, avec defer/async.

Par respect de la vie privée (KVKK/RGPD), le widget n'enregistre rien tant que le visiteur n'a pas ouvert la bulle de chat : il n'apparaît pas dans la liste des visiteurs en direct, ses pages vues ne sont pas suivies et aucun identifiant persistant n'est stocké dans le navigateur. La bulle reste visible, et le chat démarre normalement dès que le visiteur l'ouvre.

Si vous utilisez un outil de gestion du consentement aux cookies (Cookiebot, CookieYes, Google Consent Mode…), effectuez l'appel ci-dessous lorsque le visiteur donne son consentement ; pour les visiteurs qui consentent, le suivi et les messages proactifs fonctionnent avant même qu'ils ne lancent un chat. En cas de retrait du consentement, consent(false) supprime l'identifiant persistant.

JavaScript
RevoChat.consent(true);   // consent given
RevoChat.consent(false);  // consent withdrawn

Si vous identifiez vos membres avec RevoChat.identify, activez la vérification d'identité : créez une clé secrète dans Paramètres → Installation → Vérification d'identité, conservez-la uniquement sur votre serveur et signez-y l'e-mail. Un e-mail signé affiche une coche verte dans le tableau de bord, et les webhooks incluent visitorEmailVerified: true. Un e-mail non signé (y compris celui saisi par le visiteur) est enregistré mais considéré comme non vérifié.

Node.js
const hash = crypto.createHmac("sha256", IDENTITY_SECRET).update(member.email).digest("hex");
// on the page:
RevoChat.identify({ email: member.email, name: member.name, hash });
Sur les pages où vous disposez déjà du consentement (par ex. après la connexion d'un membre), vous pouvez ajouter data-consent="granted" à la balise script. Si vous préférez suivre tout le monde sans attendre le consentement, l'option « Suivre les visiteurs avant qu'ils ne lancent un chat » se trouve dans Paramètres → Horaires et routage → Confidentialité ; dans ce cas, le bandeau cookies de votre site doit le mentionner.

Personnaliser l'apparence du widget

Couleur, position, message d'accueil, langue et questions rapides.

Dans Paramètres → Apparence, vous pouvez accorder tout le widget à votre marque. Les modifications sont en ligne dès l'enregistrement — inutile de recoller le code.

  • Couleur de marque : pour que la bulle et les bulles de message reprennent les couleurs de votre marque.
  • Position de la bulle : en bas à droite (par défaut) ou en bas à gauche — si un autre élément occupe déjà le coin inférieur droit de votre site.
  • Message d'accueil : la première ligne que voient les visiteurs à l'ouverture du chat.
  • Message hors ligne : affiché lorsqu'aucun agent n'est disponible et que l'assistant IA est désactivé.
  • Langue du widget : automatique, selon la langue du navigateur du visiteur, ou fixe (anglais, turc, espagnol, portugais, allemand, français, italien, néerlandais, russe).
  • Questions rapides : affichées sous forme de boutons sur l'écran d'accueil ; lorsqu'un visiteur clique sur l'une d'elles, le chat démarre avec cette question.
Pour fixer la langue sur une seule page, ajoutez data-lang="en" à la balise script.

Empêcher d'autres sites d'utiliser votre widget

Verrouillez votre clé d'intégration sur vos propres sites grâce à la liste des domaines autorisés.

Votre clé d'intégration est visible par tous dans le code source de la page — c'est normal, elle n'a pas vocation à être secrète. Mais si vous ne voulez pas que quelqu'un copie la clé pour l'utiliser sur son propre site, remplissez Paramètres → Installation → Domaines autorisés.

  • Tant que la liste est vide, aucune restriction ne s'applique (la fonctionnalité est facultative).
  • Séparez les domaines par des virgules : site.com, shop.site.com
  • Les caractères génériques sont pris en charge : *.site.com couvre tous les sous-domaines ainsi que site.com lui-même.
  • Les connexions depuis une adresse absente de la liste sont refusées ; le visiteur ne voit aucune erreur, le widget ne s'affiche simplement pas.

Une page de chat prête à l'emploi si vous n'avez pas de site

Proposez du support via un lien à partager, sans coller la moindre ligne de code.

Chaque site dispose de sa propre page de chat autonome. Placez le lien dans votre profil sur les réseaux sociaux, votre signature e-mail ou un QR code ; lorsqu'un visiteur clique dessus, un chat plein écran s'ouvre et la conversation arrive dans la même boîte de réception.

Link
https://revochat.app/chat/YOUR_SITE_KEY

Autres sujets