Configurer le Widget de Chat en Direct
Ajoutez un widget de chat en direct à votre site web pour offrir un support client en temps réel. Personnalisez l'apparence et le comportement pour qu'ils correspondent à votre marque.
Aperçu des widgets dans SendSeven montrant le Support Bubble Widget
Page de détail du Support Bubble Widget avec le code d'intégration et le bouton Copy Code
Widget de chat en direct ouvert sur le site web avec le formulaire Start Live Chat
Premier message envoyé via le widget de chat en direct dans SendSeven
Nom interne pour l'identification (ex : "Chat Support")
Le message affiché à l'ouverture du chat
En bas à droite ou en bas à gauche de l'écran
Couleur de marque principale pour les boutons et en-têtes
Choisissez parmi les icônes prédéfinies ou téléchargez votre logo
Utilisez le panneau d'aperçu en direct sur le côté droit pour voir vos modifications instantanément avant de publier.
Ajoutez des questions personnalisées ou des sélections déroulantes
Si vous servez des visiteurs de l'UE, envisagez d'ajouter une case à cocher de consentement pour respecter les exigences RGPD.
Ouvrir automatiquement le chat après X secondes
Toutes les pages, pages spécifiques, ou exclure certaines pages
Afficher/masquer sur les appareils mobiles
Afficher un formulaire de contact quand les agents ne sont pas disponibles
sur chaque page où vous souhaitez que le widget de chat apparaisse.
Ajoutez via le personnalisateur de thème ou un plugin comme "Insert Headers and Footers"
Paramètres → Avancé → Injection de Code → Pied de page
Paramètres → Code Personnalisé → Body - Fin
Le bouton de chat apparaît à la position correcte
Cliquer sur le bouton ouvre la fenêtre de chat
Vos réponses apparaissent dans la fenêtre de chat du visiteur
Testez dans une fenêtre de navigateur incognito/privée pour voir le widget comme le verrait un nouveau visiteur.
Vérifiez que l'ID du widget correspond à votre tableau de bord
Vérifiez la console du navigateur pour les erreurs JavaScript
Assurez-vous que votre domaine est autorisé dans les paramètres du widget
Actualisez votre page Conversations SendSeven
Vérifiez si les conversations sont filtrées (afficher tous les canaux)
Vérifiez que le statut du widget est "Actif" dans les paramètres
Le script charge de manière asynchrone et ne devrait pas affecter la vitesse de la page
Envisagez d'utiliser un CDN pour votre site web
Qu'est-ce qu'un widget de chat en direct ?
Le widget de chat en direct de SendSeven est une bulle de chat personnalisable que vous intégrez sur votre site web. Lorsque les visiteurs cliquent dessus, ils peuvent démarrer des conversations en temps réel qui apparaissent directement dans votre boîte de réception partagée aux côtés de WhatsApp, de l'email et des autres canaux. Aucune plateforme séparée à consulter : toutes les conversations sont centralisées avec votre équipe.
Un compte SendSeven (inscription sur app.sendseven.com)
Un site web sur lequel vous pouvez ajouter du JavaScript (accès au HTML)
Accès à la boîte de réception Conversations de SendSeven pour répondre
- Obtenir le code d'intégration du widget
- Personnaliser l'apparence du widget
- Ajouter le script à votre site web
- Configurer les horaires d'ouverture
- Définir les messages d'accueil automatiques
- Tester le widget
FAQ
Comment ajouter le widget à mon site ?
Copiez le snippet JavaScript d'une ligne depuis les paramètres de votre widget et collez-le avant la balise de votre site web. Aucun processus de build ni configuration serveur requis : ça fonctionne immédiatement.
Puis-je personnaliser les couleurs et le texte ?
Oui. Personnalisez la couleur de la bulle, sa position (en bas à droite ou en bas à gauche), le message d'accueil, les libellés des boutons et plus encore directement depuis votre tableau de bord. Toutes les modifications sont appliquees en direct sans redéployer votre site.
Est-ce que ça fonctionne sur mobile ?
Oui. Le widget est entièrement responsive et optimisé pour mobile, tablette et ordinateur. Il s'adapte automatiquement à la taille de l'écran et est tactile sur tous les appareils.
Puis-je afficher un formulaire pré-chat ?
Oui. Activez le formulaire pré-chat pour collecter le nom, l'email et des champs personnalisés avant que le visiteur ne commence à chatter. Cela facilite la capture de leads et personnalise les conversations.
Que se passe-t-il quand les agents sont hors ligne ?
Vous pouvez configurer le mode hors ligne pour afficher un formulaire de contact à la place du widget de chat lorsqu'aucun agent n'est disponible. Les messages sont stockés dans votre boîte de réception et votre équipe peut répondre à son retour.
Puis-je l'utiliser avec WordPress/Shopify/Wix ?
Oui. Le widget fonctionne sur n'importe quel site web. Des plugins sont disponibles pour WordPress et Shopify, ou vous pouvez ajouter manuellement le snippet sur tout site avec un accès HTML.
Puis-je le déclencher par programmation ?
Oui. Utilisez l'API widget de SendSeven pour ouvrir/fermer le chat, définir des champs personnalisés, suivre les événements utilisateur ou déclencher des conversations par programmation avec JavaScript.