Widget
Un widget est un mini-module intégrable sur un site web qui assure une fonction autonome — un bouton de live chat, un formulaire d'inscription à la newsletter, un bandeau d'avis. Il se charge via un seul extrait de code et fonctionne indépendamment du reste du site.
Qu'est-ce qu'un widget ?
Un widget est un bloc fonctionnel autonome que vous intégrez à votre site via un petit extrait de code (généralement 1 à 3 lignes de JavaScript). Le widget gère son propre rendu, sa logique et son transport de données — vous n'avez pas à construire vos propres composants.
Le terme vient du développement logiciel (petits éléments d'interface) et désigne aujourd'hui le plus souvent des fonctions externes intégrables sur le web : live chat, bandeaux cookies, formulaires de newsletter, carrousels d'avis, calendriers de réservation.
Types de widgets courants chez SendSeven
| Widget | Fonction | Où l'utiliser |
|---|---|---|
| Widget de live chat | Bulle de chat en bas à droite ; les messages entrants arrivent dans la boîte de réception unifiée | Service, aide à la vente |
| Widget newsletter | Formulaire d'inscription aux listes WhatsApp/e-mail avec double opt-in | Pages marketing, blog |
| Widget click-to-chat | Saut direct dans WhatsApp/Telegram/Messenger | Pages produits, pages de contact |
Comportement spécifique au mobile
Sur mobile, un widget bien conçu se comporte différemment du desktop. Le widget de live chat SendSeven propose deux options mobile spécifiques :
- Plein écran sur mobile (activé par défaut) — toucher la bulle ouvre le chat comme un panneau plein écran, pas une petite superposition. Utilise
100dvhpour que le clavier iOS ne masque pas le champ de saisie. - Ouvrir dans un nouvel onglet (désactivé par défaut) — ajoute une icône qui permet aux visiteurs d'ouvrir le chat dans un onglet dédié. Les deux onglets restent synchronisés, le visiteur peut continuer à naviguer sur le site principal sans perdre la conversation.
Comment fonctionne techniquement un widget
- Intégrez l'extrait : Une ligne de JavaScript dans le pied de page de votre site. Charge de façon asynchrone, ne bloque pas l'affichage.
- Chargement de la configuration : Le widget récupère ses paramètres (couleurs, position, traductions) depuis votre compte SendSeven au premier chargement.
- Affichage de l'interface : Dans un conteneur isolé (souvent un Shadow DOM) afin d'éviter tout conflit CSS avec votre site.
- Gestion des interactions : Clic sur la bulle → chat ouvert → messages échangés via la REST API.
- Persistance : Une session cookie/localStorage maintient la conversation du visiteur active entre les rechargements de page.
Widget vs iframe
Une iframe est une page web intégrée — sandbox complète, difficile à intégrer de façon responsive. Un widget fait partie intégrante de votre page, l'expérience est plus fluide, l'intégration stylistique est meilleure et les performances supérieures.
Vie privée et widgets
- Consentement : Le widget ne peut se charger qu'après que le visiteur a consenti au marketing — sinon il s'agit d'une violation de la vie privée.
- Utilisable sans cookies : Les widgets purement fonctionnels (live chat) peuvent fonctionner sans cookies de suivi — uniquement du stockage de session pour les conversations actives.
- Hébergement UE : Assurez-vous que le CDN et le backend du widget sont dans l'UE. Les widgets SendSeven sont servis depuis Francfort.
Personnalisation
Les widgets SendSeven peuvent être personnalisés dans l'éditeur de widgets : couleurs (Onyx + Photon Lime par défaut), position, message d'accueil, avatar, horaires d'ouverture, langue (les 11 locales). L'extrait rendu charge cette configuration en direct depuis le backend — les modifications sont actives sans nouveau déploiement.