Combien de temps prend l'installation du chat en direct ?

Environ 2 minutes. Inscrivez-vous pour un compte gratuit, copiez le script du widget, collez-le dans le footer de votre site avant la balise body de fermeture. Le widget de chat apparaît immédiatement — sans redémarrage serveur, sans processus de build, sans attente.

Ai-je besoin de compétences en code pour ajouter un chat en direct ?

Non. Vous devez coller une ligne de JavaScript dans votre site web. Sur des plateformes comme WordPress, Shopify ou Tilda, cela se fait via des panneaux de paramètres visuels — aucun éditeur de code nécessaire.

Le chat en direct va-t-il ralentir mon site web ?

Non. Le widget de Svyazio se charge de manière asynchrone avec l'attribut defer. Il ne bloque pas le rendu de la page et n'affecte pas les Core Web Vitals. Le script est léger et distribué via CDN dans le monde entier.

Comment ajouter un chat en direct à votre site web en 2 minutes (Guide 2026)

Q: Le chat en direct est-il gratuit ?

Svyazio propose un plan Starter gratuit avec 1 agent et 50 conversations par mois. Sans carte bancaire, sans limite de temps. Les plans payants commencent à 19 $/agent/mois pour l'intégration email et les réponses enregistrées.

Q: Quelles plateformes sont compatibles ?

Tout site web qui supporte le HTML. WordPress, Shopify, WooCommerce, Tilda, Wix, Squarespace, Webflow, Next.js, HTML personnalisé — si vous pouvez ajouter une balise script, Svyazio fonctionne.

Table des matières

Pourquoi votre site a besoin d'un chat en direct
Installation universelle — 3 étapes
Installation sur WordPress
Installation sur Shopify
Installation sur Tilda
Personnaliser votre widget de chat
Multicanal : Telegram + Email
Questions fréquentes

Ajouter un chat en direct à votre site web nécessitait autrefois des plugins, des fichiers de configuration et parfois un développeur. En 2026, vous n'avez besoin que d'une seule ligne de JavaScript et d'environ 2 minutes. Ce guide couvre les plateformes les plus populaires — WordPress, Shopify, Tilda, Wix et HTML pur — pour que vous puissiez commencer à discuter avec vos visiteurs dès aujourd'hui.

Nous utiliserons Svyazio comme exemple. C'est un outil de chat en direct gratuit avec une boîte de réception unifiée pour le chat web, Telegram et l'email. Le plan gratuit inclut 1 agent et 50 conversations par mois — sans carte bancaire, sans limite de temps.

Pourquoi votre site web a besoin d'un chat en direct

Avant les étapes techniques, répondons à la question évidente : pourquoi ? Trois raisons appuyées par des données.

1. Le chat en direct augmente les conversions. Selon Forrester Research, les visiteurs qui interagissent avec le chat en direct ont 3 à 5 fois plus de chances de convertir. Pour les boutiques e-commerce, cela signifie plus de commandes complétées. Pour les entreprises SaaS, plus d'inscriptions. Le mécanisme est simple : les gens ont des questions, et plus vite vous y répondez, plus ils sont susceptibles d'agir.

2. Les clients préfèrent le chat au téléphone et à l'email. Une étude de J.D. Power a révélé que 42 % des clients préfèrent le chat en direct pour le support — plus que le téléphone (32 %) ou l'email (23 %). Le chat est non intrusif, instantané et pratique. Si vos seuls canaux sont le téléphone et l'email, vous perdez la majorité des conversations potentielles.

3. Le chat réduit les coûts de support. Un agent peut gérer 3 à 5 conversations simultanément — contre 1 appel à la fois. Les réponses enregistrées (réponses prédéfinies aux questions fréquentes) réduisent le temps de traitement moyen de 30 à 50 %.

Installation universelle — 3 étapes

Cette méthode fonctionne sur n'importe quel site web — qu'il soit construit avec HTML, React, Vue, Next.js ou tout autre framework. Si vous pouvez ajouter une balise <script>, cela fonctionnera.

Étape 1 : Créer un compte gratuit

Rendez-vous sur app.svyazio.com et inscrivez-vous. Le processus prend 30 secondes — nom, email, mot de passe, c'est fait. Sans carte bancaire. Vous arriverez sur votre tableau de bord avec une boîte de réception vide.

Étape 2 : Copier le code du widget

Allez dans Configuration → Installation. Vous verrez un code comme celui-ci :

<script>
  (function(d, w, c) {
    w.SvyazioConfig = {
      orgId: 'YOUR_ORG_ID',
      serverUrl: 'https://app.svyazio.com'
    };
    w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); };
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://app.svyazio.com/widget/svyazio.js';
    if (d.head) d.head.appendChild(s);
  })(document, window, 'Svyazio');
</script>

Copiez-le. Le orgId est votre identifiant d'organisation unique. Vous le trouverez dans Configuration → Installation.

Étape 3 : Coller avant </body>

Ouvrez le HTML de votre site et collez le code juste avant la balise de fermeture </body>. Enregistrez le fichier et rechargez la page. Le widget de chat apparaît dans le coin inférieur droit — prêt pour les conversations.

<html>
<body>
  ... your page content ...

  <!-- Svyazio Live Chat -->
  <script>
    (function(d, w, c) {
      w.SvyazioConfig = {
        orgId: 'YOUR_ORG_ID',
        serverUrl: 'https://app.svyazio.com'
      };
      w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); };
      var s = d.createElement('script');
      s.async = true;
      s.src = 'https://app.svyazio.com/widget/svyazio.js';
      if (d.head) d.head.appendChild(s);
    })(document, window, 'Svyazio');
  </script>
</body>
</html>

Le script se charge de manière asynchrone — il ne bloque pas le rendu de votre page. La vitesse de votre site n'est pas affectée.

Installation sur WordPress

Méthode A: Plugin WPCode (plus facile)

Installez le plugin gratuit WPCode (Insert Headers and Footers). Allez dans Extraits de code → Body. Collez le script de Svyazio. Cliquez sur Enregistrer. Terminé — sans avoir besoin de modifier les fichiers du thème.

Méthode B : Fichier du thème

Allez dans Apparence → Éditeur de fichiers du thème → footer.php. Collez le script avant </body>. Enregistrez. Note : si vous mettez à jour votre thème, vous devrez réajouter le script. Utiliser un thème enfant évite cela.

Méthode C: Elementor

Si vous utilisez Elementor, allez dans Elementor → Code personnalisé → Footer. Collez le script. Publiez. Fonctionne avec la fonctionnalité de code personnalisé d'Elementor Pro.

Svyazio utilise le Shadow DOM — le widget est rendu dans un conteneur isolé qui empêche les conflits CSS avec votre thème WordPress. Compatible avec Astra, GeneratePress, Kadence, Divi et tous les autres. Guide complet d'intégration WordPress →

Installation sur Shopify

Dans votre Admin Shopify, allez dans Boutique en ligne → Thèmes → Actions → Modifier le code. Ouvrez theme.liquid. Trouvez la balise de fermeture </body> et collez le script de Svyazio juste avant. Cliquez sur Enregistrer.

Le widget de chat apparaît désormais sur chaque page de votre boutique — accueil, produits, panier, paiement et blog. L'isolation Shadow DOM garantit zéro conflit CSS. Guide complet d'intégration Shopify →

Installation sur Tilda

Pour tout le site : Allez dans votre projet Tilda → Paramètres du site → Plus → Code HTML → Avant la balise </body>. Collez le code. Republiez toutes les pages.

Pour une seule page : Ajoutez un bloc T123 HTML (Autres → Code HTML). Collez le code du widget à l'intérieur. Utile si vous ne souhaitez le chat que sur certaines pages de destination.

Après avoir collé, cliquez sur Republier — Tilda met les pages en cache de manière statique. Guide complet d'intégration Tilda →

Autres plateformes

La même approche d'une ligne de JavaScript fonctionne sur :

Wix : Tableau de bord → Paramètres → Code personnalisé → Fin du body. Collez. Publiez.
Squarespace: Configuration → Avancé → Injection de code → Footer. Collez. Enregistrez.
Webflow : Paramètres du projet → Code personnalisé → Body. Collez. Publiez.
Next.js / React: Ajoutez la balise script dans votre _document.tsx ou utilisez next/script avec strategy="lazyOnload".
HTML statique : Collez avant </body> dans votre fichier HTML. Déployez.

Personnaliser votre widget de chat

Après l'installation, personnalisez le widget depuis votre tableau de bord Svyazio — sans modification de code :

Couleur du widget : Adaptez la couleur principale à votre marque
Message de bienvenue : Configurez un message d'accueil qui apparaît quand les visiteurs ouvrent le chat
Formulaire hors ligne : Collecte l'email du visiteur quand votre équipe n'est pas disponible
Horaires d'ouverture : Affiche le statut en ligne/hors ligne automatiquement (plan Pro)
Messages automatiques : Déclenchez des messages selon l'URL, le temps sur le site ou la profondeur de scroll (plan Pro)
White-label : Supprimez le branding Svyazio pour une expérience entièrement personnalisée (plan Pro)

Multicanal: Telegram + Email

Le chat en direct n'est que le début. Les clients modernes utilisent de multiples canaux — et attendent un support fluide sur chacun d'eux. Svyazio prend en charge trois canaux dans une seule boîte de réception :

Chat du site web — le widget que vous venez d'installer
Telegram — connectez votre bot Telegram (plan Pro, jusqu'à 10 bots)
Email — connectez support@votreentreprise.com via IMAP/SMTP (plan Business, jusqu'à 10 comptes en Pro)

Les trois canaux fusionnent dans une seule boîte de réception. Si un client discute sur votre site, puis envoie un email de suivi, puis envoie un message à votre bot Telegram — les trois apparaissent dans le même fil de conversation.

Que faire après l'installation

Vous avez installé le widget. Maintenant tirez-en le meilleur parti :

Téléchargez l'app mobile. Svyazio a des apps natives pour iOS et Android avec notifications push. Vous ne manquerez jamais un message — même quand vous êtes loin de votre bureau.
Créez 5 à 10 réponses enregistrées. Quelles sont les questions les plus fréquentes ? Frais de livraison, politique de retours, tarifs, horaires. Rédigez des réponses enregistrées pour celles-ci. Vos agents répondront en 2 clics.
Configurez un message automatique. Avec le plan Pro, vous pouvez déclencher des messages selon le comportement du visiteur. Exemple : si quelqu'un passe plus de 30 secondes sur la page des tarifs, déclenchez "Vous avez des questions sur nos plans ? Nous sommes là !"
Invitez votre équipe. Avec les plans Business et Pro, vous pouvez inviter plusieurs agents. Assignez les conversations, laissez des notes internes et utilisez les départements pour router les chats.

Résumé des tarifs

Svyazio propose des tarifs transparents par agent sans coûts cachés :

Starter (Gratuit) : 1 agent, 50 conversations/mois — pour les sites personnels et les tests
Business ($19/agent/mois) : email, réponses enregistrées, aperçu de la saisie, notes internes, jusqu'à 10 agents
Pro ($39/agent/mois) : Telegram, assistant IA, départements, analytique, white-label, agents illimités

Les deux plans payants incluent un essai gratuit de 7 jours sans carte bancaire.

Questions fréquentes

Combien de temps prend l'installation ?

Environ 2 minutes. Inscrivez-vous, copie le script, collez-le dans le footer de votre site. Le widget apparaît immédiatement — sans redémarrage, sans build, sans attente.

Ai-je besoin de connaissances en code ?

Non. Sous WordPress, Shopify et Tilda, vous collez le script via des panneaux visuels de configuration. Sur les sites personnalisés, il suffit d'ajouter une ligne avant </body>.

Le chat en direct est-il gratuit ?

Oui. Le plan Starter de Svyazio est gratuit à vie — 1 agent, 50 conversations/mois, sans carte bancaire. Les plans payants commencent à partir de $19/agent/mois.

Cela va-t-il ralentir mon site ?

Non. Le script se charge de manière asynchrone avec defer. Il ne bloque pas le rendu et n'affecte pas les Core Web Vitals. Distribué via CDN dans le monde entier.

Quelles plateformes sont compatibles ?

N'importe quel site web : WordPress, Shopify, WooCommerce, Tilda, Wix, Squarespace, Webflow, Next.js, React, HTML personnalisé — si vous pouvez ajouter une balise script, cela fonctionne.

Prêt à ajouter le chat en direct ?

Gratuit à vie. 2 minutes pour installer. Sans carte bancaire.

Commencer gratuitement

Continuer la lecture

10 meilleurs outils de chat gratuit Guide du support via Telegram Intégration WordPress