Widget de Capture de Leads
Ce Que C'est
Le Widget de Capture de Leads est un petit bouton flottant qui apparaît sur n'importe quel site web. Lorsqu'un visiteur clique dessus, un formulaire apparaît demandant leur nom, email, numéro de téléphone et un message. Lorsqu'ils soumettent le formulaire, un nouveau lead est créé automatiquement dans LeadHub — et toutes les automatisations que vous avez configurées se déclenchent immédiatement.
Vous n'avez pas besoin de toucher le code de votre site web au-delà de l'ajout d'une ligne de JavaScript.
Créer un Widget
Allez dans Outils → Widgets de Leads dans la barre latérale (il peut apparaître sous le groupe de navigation intitulé "Outils").
- Cliquez sur Nouveau Widget de Capture de Leads.
- Remplissez la configuration (voir ci-dessous).
- Cliquez sur Enregistrer.
- Cliquez sur Obtenir le Code d'Intégration sur le widget que vous venez de créer.
- Copiez le snippet JavaScript et ajoutez-le à votre site web.
Options de Configuration
Identité du Widget
| Champ | Ce qu'il fait |
|---|---|
| Nom | Étiquette interne — visible uniquement par votre équipe, pas par les visiteurs du site |
| Titre | Le titre principal affiché dans le formulaire popup (ex. "Prendre contact") |
| Sous-titre | Texte plus petit optionnel sous le titre |
| Texte du Bouton | Le texte sur le bouton d'envoi (ex. "Envoyer le Message") |
| Message de Succès | Ce que voit le visiteur après avoir soumis le formulaire (ex. "Merci ! Nous vous contacterons bientôt.") |
Apparence
| Champ | Ce qu'il fait |
|---|---|
| Couleur Primaire | La couleur du bouton flottant et du bouton d'envoi |
| Couleur du Texte | La couleur du texte sur les boutons (généralement blanc) |
| Position | Où le bouton apparaît sur l'écran — En bas à droite, En bas à gauche, En haut à droite, ou En haut à gauche |
Champs du Formulaire
| Toggle | Ce qu'il fait |
|---|---|
| Afficher le champ téléphone | Affiche un champ de numéro de téléphone dans le formulaire |
| Rendre le téléphone obligatoire | Rend le champ téléphone obligatoire |
| Afficher le champ entreprise | Affiche un champ de nom d'entreprise |
| Afficher le champ message | Affiche une zone de texte pour le message |
| Rendre le message obligatoire | Rend le champ message obligatoire |
Le nom et l'email sont toujours affichés et toujours obligatoires.
Routage des Leads
Vous pouvez router automatiquement les leads soumis via ce widget vers un pipeline et une étape spécifiques :
- Router les leads vers le pipeline — choisissez dans quel pipeline atterrissent les nouveaux leads du widget
- Étape initiale — choisissez à quelle étape dans ce pipeline ils commencent
Si vous laissez ces champs vides, le lead est créé sans attribution de pipeline.
Actif/Inactif
Le toggle Le widget est actif vous permet d'activer ou désactiver le widget sans le supprimer. Lorsqu'il est inactif, le bouton flottant n'apparaît pas sur les sites web utilisant le code d'intégration.
Obtenir le Code d'Intégration
Après avoir enregistré votre widget, trouvez-le dans la liste et cliquez sur Obtenir le Code d'Intégration.
Vous verrez un snippet qui ressemble à ceci :
<script src="https://yourdomain.com/widget/abc123-uuid/loader.js" async></script>
Copiez cette ligne entière. C'est tout ce que vous devez ajouter à votre site web.
Ajouter le Widget à Votre Site Web
WordPress
- Installez un plugin comme "Header Footer Code Manager" ou "Insert Headers and Footers" — recherchez l'un ou l'autre dans votre répertoire de plugins WordPress.
- Collez la balise script dans la zone "Footer".
- Enregistrez et visitez votre site web — le bouton flottant apparaît.
Alternativement, si votre thème WordPress a une zone "HTML personnalisé" dans le widget du pied de page, collez le script là.
Shopify
- Dans votre admin Shopify, allez dans Boutique en ligne → Thèmes.
- Cliquez sur Modifier le code sur votre thème actif.
- Ouvrez le fichier
theme.liquid. - Collez la balise script juste avant la balise
</body>. - Cliquez sur Enregistrer.
Wix
- Dans l'Éditeur Wix, cliquez sur le bouton + pour ajouter un élément.
- Choisissez Intégrer → Code personnalisé.
- Collez la balise script dans le champ de code.
- Configurez-le pour se charger dans la section Body.
- Appliquez et publiez.
Squarespace
- Allez dans Paramètres → Avancé → Injection de code.
- Collez la balise script dans la zone Footer.
- Enregistrez. Le widget apparaît sur toutes les pages.
Site Web HTML Personnalisé
Collez la balise script n'importe où avant la balise de fermeture </body> dans votre fichier HTML :
<script src="https://yourdomain.com/widget/abc123/loader.js" async></script>
</body>
Flux des Soumissions
- Un visiteur arrive sur votre site web et voit le bouton flottant.
- Il clique dessus, remplit ses informations et appuie sur Envoyer.
- LeadHub reçoit la soumission instantanément.
- Un nouveau lead est créé dans votre espace de travail avec les informations du visiteur.
- Toutes les automatisations qui se déclenchent sur "Nouveau Lead Reçu" s'activent immédiatement.
- Le visiteur voit votre message de succès.
Tout se passe en temps réel. Vous n'avez pas besoin de vérifier quoi que ce soit manuellement — les nouveaux leads apparaissent automatiquement dans votre liste.
Analytiques du Widget
Sur la page de liste des Widgets de Leads, chaque widget affiche :
- Leads Capturés — nombre total de leads soumis via ce widget
Cela vous permet de voir d'un coup d'œil quels widgets fonctionnent et lesquels ne fonctionnent pas.
Personnaliser l'Apparence du Widget
Tous les paramètres d'apparence se trouvent dans le formulaire de configuration du widget. Vous pouvez modifier :
- Les couleurs pour correspondre à la marque de votre site web
- La position du bouton pour éviter de superposer les boutons de chat ou de cookies existants
- Le titre et le sous-titre pour correspondre au ton de votre site web
Vous pouvez créer plusieurs widgets avec des configurations différentes — par exemple, un pour votre page d'accueil avec "Obtenir un devis gratuit" et un autre pour votre blog avec "S'abonner pour les mises à jour".
Sécurité
CORS (Cross-Origin Resource Sharing)
Le widget peut accepter des soumissions depuis n'importe quel site web par défaut. Si vous souhaitez restreindre les domaines pouvant soumettre via un widget spécifique, définissez le champ Domaines Autorisés dans la configuration du widget. Entrez votre domaine (ex. acmecorp.com) et seules les soumissions depuis ce domaine seront acceptées.
Limitation de Débit
LeadHub limite automatiquement le nombre de soumissions qu'un seul visiteur peut faire sur une courte période. Cela empêche les bots automatisés d'inonder votre liste de leads avec des entrées indésirables.