Ajouter le widget web ChatMaxima à un site Wix
Guide pas à pas pour installer le widget de chat web ChatMaxima sur un site Wix Premium. Ajoutez le chat en direct et des bots IA à votre site Wix en cinq minutes.
Vue d'ensemble
Ce guide vous accompagne dans l'installation du widget de chat web ChatMaxima sur un site web Wix. Une fois installée, la bulle de chat apparaît sur chaque page de votre site et se connecte directement à votre boîte de réception ChatMaxima unifiée, aux côtés de vos conversations WhatsApp, Instagram, Facebook, Telegram et SMS.
L'ensemble du processus prend environ cinq minutes et ne nécessite aucun codage.
Prérequis
Avant de commencer, assurez-vous de disposer de :
- Un compte ChatMaxima actif avec un canal Widget Web configuré
- Un forfait Wix Premium avec un domaine personnalisé connecté
- Un accès Propriétaire ou Administrateur au site Wix sur lequel vous souhaitez installer le widget
Remarque : Les forfaits gratuits de Wix n'autorisent pas le code personnalisé, le widget ne peut donc pas être installé sur un site Wix gratuit. Vous devez d'abord passer à un forfait Premium avec un domaine personnalisé connecté.
Étape 1 : Générez votre extrait de widget dans ChatMaxima
- Connectez-vous à votre tableau de bord ChatMaxima sur chatmaxima.com/dashboard/
- Dans la barre latérale gauche, accédez à Canaux
- Sélectionnez Widget Web, puis ouvrez un widget existant ou cliquez sur Créer un nouveau widget
- Personnalisez l'apparence du widget : couleurs de marque, message de bienvenue, logo et position de la fenêtre de chat
- Activez éventuellement un formulaire pré-chat pour collecter le nom et l'e-mail du visiteur
- Enregistrez vos modifications, puis cliquez sur l'onglet Installer ou Code d'intégration
- Copiez l'extrait JavaScript dans votre presse-papiers
L'extrait est une petite balise <script> et se charge de manière asynchrone, il ne ralentira donc pas votre site.
Étape 2 : Ouvrez le code personnalisé dans Wix
- Connectez-vous à votre compte Wix sur wix.com et ouvrez le tableau de bord du site
- Dans la barre latérale gauche, allez dans Paramètres
- Faites défiler jusqu'à la section Avancé et cliquez sur Code personnalisé
Remarque : Dans certains tableaux de bord Wix, cette option apparaît sous Marketing et SEO puis Suivi et analyses. Les deux chemins mènent au même panneau Code personnalisé.
Étape 3 : Ajoutez l'extrait ChatMaxima
- Cliquez sur + Ajouter du code personnalisé en haut à droite de la page Code personnalisé
- Collez l'extrait ChatMaxima que vous avez copié à l'étape 1 dans le champ Collez l'extrait de code ici
- Dans le champ Nom, saisissez un libellé reconnaissable tel que
ChatMaxima Web Widget - Sous Ajouter le code aux pages, sélectionnez Toutes les pages et cochez l'option Charger le code une fois
- Sous Placer le code dans, sélectionnez Body - end
- Cliquez sur Appliquer
Référence des paramètres recommandés
| Paramètre | Valeur | Pourquoi |
|---|---|---|
| Nom | ChatMaxima Web Widget | Facile à identifier plus tard |
| Ajouter le code aux pages | Toutes les pages | Le widget apparaît sur tout le site |
| Charger le code une fois | Activé | Empêche le rechargement lors de la navigation |
| Placer le code dans | Body - end | Requis pour que le widget s'affiche |
Le script ChatMaxima doit se charger avant la balise de fermeture </body> pour que le widget s'affiche correctement.
Étape 4 : Publiez et vérifiez
Le code personnalisé ne s'exécute que sur la version publiée de votre site, jamais dans l'aperçu de l'éditeur Wix.
- Ouvrez l'éditeur Wix de votre site et cliquez sur Publier en haut à droite
- Une fois la publication terminée, ouvrez l'URL de votre site en ligne dans un nouvel onglet de navigateur
- Recherchez la bulle de chat ChatMaxima dans le coin inférieur droit de votre page
- Cliquez sur la bulle, envoyez un message de test et confirmez que la conversation apparaît dans votre boîte de réception d'équipe ChatMaxima
Si la conversation de test atteint votre boîte de réception, votre widget est en ligne et fonctionnel.
Alternative : intégrer le widget en ligne
Si vous souhaitez que la fenêtre de chat apparaisse dans une section de page spécifique plutôt que comme une bulle flottante, utilisez plutôt l'élément d'intégration HTML de Wix.
- Ouvrez votre site dans l'éditeur Wix
- Cliquez sur le bouton + Ajouter des éléments dans la barre latérale gauche
- Faites défiler jusqu'à Code d'intégration et sélectionnez Intégrer du HTML
- Collez votre extrait ChatMaxima dans le champ de code
- Faites glisser l'élément d'intégration à l'emplacement souhaité de la page et redimensionnez-le si nécessaire
- Pour épingler la fenêtre de chat à un coin de l'écran sur toutes les pages, faites un clic droit sur l'élément d'intégration et sélectionnez Épingler à l'écran
- Cliquez sur Publier
Une hauteur d'environ 622 px et une largeur de 384 px conviennent bien à la plupart des mises en page.
Remarque : La méthode du Code personnalisé des étapes 1 à 4 est le chemin recommandé pour la plupart des utilisateurs. N'utilisez l'intégration en ligne que si vous avez besoin de la fenêtre de chat à un emplacement de page fixe.
Bonnes pratiques
- Testez sur l'URL en ligne car le code personnalisé ne s'exécute pas dans l'aperçu de l'éditeur Wix
- Utilisez la méthode du Code personnalisé pour un chat sur tout le site plutôt que l'intégration en ligne, sauf si vous avez spécifiquement besoin d'un emplacement de page fixe
- Gardez un seul outil de chat actif pour éviter de déconcerter les visiteurs avec plusieurs bulles de chat
- Activez le formulaire pré-chat dans ChatMaxima pour capturer automatiquement le nom et l'e-mail du visiteur
- Configurez des règles d'acheminement afin que les conversations Wix arrivent chez le bon membre de l'équipe
Dépannage
Le widget n'apparaît pas sur mon site
- Confirmez que vous testez sur l'URL en ligne publiée, et non sur l'aperçu de l'éditeur Wix
- Vérifiez que votre forfait Wix est un forfait Premium avec un domaine personnalisé connecté
- Ouvrez la console du navigateur et vérifiez les erreurs de script
- Confirmez que l'extrait a été collé dans Body - end, et non dans Head
Le widget apparaît dans certains navigateurs mais pas d'autres
- Désactivez tout bloqueur de publicités ou extension stricte de prévention du suivi
- Rechargez la page après désactivation
- Certains outils de confidentialité bloquent les scripts tiers par défaut, demandez à vos visiteurs d'ajouter votre domaine à la liste blanche
Deux bulles de chat s'affichent sur mon site
Vous avez probablement un autre outil de chat installé, tel que Wix Smart Chat, Tidio ou LiveChat.
- Ouvrez votre tableau de bord Wix et allez dans Paramètres
- Trouvez l'application de chat en conflit et supprimez-la ou masquez son widget
- Rechargez votre site en ligne pour confirmer que seul ChatMaxima apparaît
Les conversations n'atteignent pas ma boîte de réception
- Ouvrez votre tableau de bord ChatMaxima et allez dans Canaux, puis Widget Web
- Confirmez que le widget est réglé sur Actif
- Vérifiez que les membres de votre équipe sont assignés aux bonnes règles d'acheminement
- Envoyez un nouveau message de test depuis le site en ligne
Le widget se charge lentement
L'extrait ChatMaxima se charge de manière asynchrone et ne devrait pas affecter vos scores de vitesse de page. Si vous remarquez un chargement lent, vérifiez les autres scripts personnalisés de votre site Wix pour détecter d'éventuels conflits.
Étapes suivantes
- Automatisation des DM Instagram
- Configurer votre boîte de réception d'équipe
- Entraîner votre bot IA dans Studio
- Configurer les règles d'acheminement
Besoin d'aide ? Contactez le support ChatMaxima à support@chatmaxima.com ou discutez avec nous en direct sur chatmaxima.com.
Configuration du Web Chat - Ajoutez le widget de chat en direct ChatMaxima
Ajoutez le widget de chat en direct ChatMaxima à votre site web. Guide pas à pas pour créer un canal Web, copier le script d'intégration et passer en ligne en quelques minutes.
Configuration de Facebook Messenger - Connectez vos pages à ChatMaxima
Connectez votre page Facebook à ChatMaxima et gérez les conversations Messenger depuis la boîte de réception partagée. Guide pas à pas pour connecter vos pages.