Constructeur de Formulaires
Que Sont les Formulaires LeadHub ?
LeadHub dispose d'un constructeur de formulaires intégré qui vous permet de créer des formulaires de contact et de les intégrer sur votre site web. Lorsque quelqu'un remplit le formulaire, un lead est créé automatiquement dans LeadHub — sans copier-coller, sans téléchargement CSV, sans saisie manuelle.
Vous pouvez utiliser les formulaires LeadHub à la place de (ou en plus de) outils comme Typeform ou JotForm. Ils sont plus simples à configurer car ils vivent directement dans LeadHub et se connectent directement à vos pipelines.
Créer un Formulaire
- Allez dans Leads > Formulaires dans la barre latérale gauche.
- Cliquez sur Nouveau Formulaire.
- Remplissez la section Détails de base :
- Nom du formulaire — nom interne visible uniquement par votre équipe.
- Slug — nom court utilisé dans l'URL publique. Rempli automatiquement depuis le nom.
- Titre affiché — le titre que voient les visiteurs en haut du formulaire.
- Description — optionnel. Un court texte affiché sous le titre.
- Libellé du bouton Envoyer — ce qu'indique le bouton d'envoi. Par défaut "Envoyer".
- Message de remerciement — le message affiché au visiteur après l'envoi réussi du formulaire.
- URL de redirection — optionnel. Si vous saisissez une URL, le visiteur est redirigé vers cette page après envoi.
- Formulaire multi-étapes — activez ceci pour diviser le formulaire en étapes numérotées.
- Actif — activez pour que le formulaire accepte des soumissions.
Ajouter des Champs
Faites défiler jusqu'à la section Champs du formulaire. Cliquez sur Ajouter un champ pour en ajouter un nouveau.
| Type | À quoi ça ressemble |
|---|---|
| Texte court | Une zone de texte sur une seule ligne |
| Texte long | Une zone de texte multiligne |
| Champ d'adresse email (valide le format) | |
| Téléphone | Champ de numéro de téléphone |
| Nombre | Saisie numérique uniquement |
| Liste déroulante | Un menu déroulant avec les options que vous définissez |
| Case à cocher | Une case unique (oui/non) |
| Cases multiples | Plusieurs cases où les visiteurs peuvent choisir plusieurs options |
| Boutons radio | Plusieurs options où une seule peut être sélectionnée |
| Téléchargement de fichier | Permet au visitant de télécharger un fichier |
| Sélecteur de date | Un sélecteur de date calendrier |
| Champ caché | Non visible pour les visiteurs — utilisé pour transmettre une valeur fixe |
| Consentement RGPD | Case de consentement pour la conformité à la protection des données |
| Séparateur de section | Une ligne visuelle séparant les groupes de champs |
- Libellé — la question ou l'étiquette affichée au-dessus du champ.
- Espace réservé / Aide — texte d'indication gris optionnel affiché dans le champ.
- Clé de champ — associe ce champ à une propriété du lead (
first_name,last_name,email,phone,company). - Obligatoire — activez pour rendre ce champ obligatoire.
- Numéro d'étape — si le multi-étapes est activé, assignez chaque champ à une étape.
Le champ Consentement RGPD est un champ spécial verrouillé. Une fois ajouté, il ne peut pas être supprimé ou modifié.
Style du Formulaire
Cliquez sur la section Apparence pour personnaliser le formulaire :
- Couleur de fond — la couleur de fond du formulaire.
- URL d'image de fond — optionnellement une URL d'image comme fond.
- Nom de police Google — ex.
InterouRoboto. - URL du logo — l'URL de votre image de logo, apparaîtra en haut du formulaire.
Connexion à un Pipeline
Cliquez sur la section Connexion au pipeline pour choisir dans quel pipeline et quelle étape les soumissions doivent arriver.
Protection Anti-Spam
Activez Activer reCAPTCHA v3 et saisissez votre Clé de site reCAPTCHA et Clé secrète reCAPTCHA depuis votre compte Google reCAPTCHA.
reCAPTCHA v3 fonctionne silencieusement en arrière-plan — les visiteurs n'ont pas à cocher de case.
Intégrer des Formulaires sur Votre Site
Option 1 — Lien direct (URL publique)
https://yourdomain.com/{your-account-slug}/forms/{form-slug}
Option 2 — Intégration iframe
<iframe
src="https://yourdomain.com/{account-slug}/forms/{form-slug}"
width="100%"
height="600"
frameborder="0">
</iframe>
Option 3 — Extrait JavaScript
<script src="https://yourdomain.com/widget.js" data-form-id="YOUR_FORM_ID" defer></script>
Flux de Soumission vers Création de Lead
- Le visiteur remplit le formulaire et clique sur Envoyer.
- LeadHub valide les champs (champs obligatoires, format email, reCAPTCHA si activé).
- LeadHub crée un nouveau lead avec toutes les valeurs soumises.
- Le lead est placé dans le pipeline et l'étape configurés.
- La source du lead est enregistrée comme "LeadHub Web Form".
- Les automatisations avec le déclencheur "Formulaire soumis" ou "Nouveau lead reçu" se déclenchent immédiatement.
- Le visiteur voit votre message de remerciement (ou est redirigé).
Analytique des Formulaires
- Vues — combien de fois la page du formulaire a été chargée
- Soumissions — combien de fois le formulaire a été soumis avec succès
- Taux de conversion — le pourcentage de vues ayant abouti à une soumission
Widget de Capture de Leads
Le Widget de Capture de Leads est un bouton flottant dans le coin de votre site web. Lorsqu'un visiteur clique dessus, un petit formulaire de contact apparaît en pop-up.
Créer un Widget
- Allez dans Outils > Widgets de leads.
- Cliquez sur Nouveau Widget de capture de leads.
- Remplissez le Nom, Titre, Sous-titre, Texte du bouton et Message de succès.
Personnaliser l'Apparence
- Couleur principale, Couleur du texte, Position (Bas droite, Bas gauche, Haut droite, Haut gauche).
Champs à Afficher
Activez les champs souhaités : téléphone, entreprise, message (chacun peut être rendu obligatoire). Nom et Email sont toujours présents et obligatoires.
Connexion au Pipeline
Dans la section Routage des leads, choisissez pipeline et étape.
Intégrer le Widget
<script src="https://yourdomain.com/widget/{widget-uuid}/loader.js" async></script>
Collez ce code avant la balise </body> sur chaque page où vous souhaitez le widget.
Suivi
Ouvrez la vue détail du widget pour voir le nombre de Leads capturés.