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.
Apercu des widgets dans SendSeven montrant le Support Bubble Widget
Page de detail du Support Bubble Widget avec le code d'integration et le bouton Copy Code
Widget de chat en direct ouvert sur le site web avec le formulaire Start Live Chat
Premier message envoye 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 integrez sur votre site web. Lorsque les visiteurs cliquent dessus, ils peuvent demarrer des conversations en temps reel qui apparaissent directement dans votre boite de reception partagee aux cotes de WhatsApp, de l'email et des autres canaux. Aucune plateforme separee a consulter : toutes les conversations sont centralisees avec votre equipe.
Un compte SendSeven (inscription sur app.sendseven.com)
Un site web sur lequel vous pouvez ajouter du JavaScript (acces au HTML)
Acces a la boite de reception Conversations de SendSeven pour repondre
- 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 a mon site ?
Copiez le snippet JavaScript d'une ligne depuis les parametres de votre widget et collez-le avant la balise de votre site web. Aucun processus de build ni configuration serveur requis : ca fonctionne immediatement.
Puis-je personnaliser les couleurs et le texte ?
Oui. Personnalisez la couleur de la bulle, sa position (en bas a droite ou en bas a gauche), le message d'accueil, les libelles des boutons et plus encore directement depuis votre tableau de bord. Toutes les modifications sont appliquees en direct sans redeployer votre site.
Est-ce que ca fonctionne sur mobile ?
Oui. Le widget est entierement responsive et optimise pour mobile, tablette et ordinateur. Il s'adapte automatiquement a la taille de l'ecran et est tactile sur tous les appareils.
Puis-je afficher un formulaire pre-chat ?
Oui. Activez le formulaire pre-chat pour collecter le nom, l'email et des champs personnalises avant que le visiteur ne commence a 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 a la place du widget de chat lorsqu'aucun agent n'est disponible. Les messages sont stockes dans votre boite de reception et votre equipe peut repondre a 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 acces HTML.
Puis-je le declencher par programmation ?
Oui. Utilisez l'API widget de SendSeven pour ouvrir/fermer le chat, definir des champs personnalises, suivre les evenements utilisateur ou declencher des conversations par programmation avec JavaScript.