Constructeur de formulaires
Créer un nouveau formulaire
- Accédez à Formulaires dans la barre latérale.
- Cliquez sur Nouveau formulaire.
- Complétez la section Détails de base (voir ci-dessous).
- Ajoutez des champs dans la section Champs du formulaire.
- Configurez les sections optionnelles (Apparence, Connexion pipeline, Protection anti-spam).
- Cliquez sur Enregistrer.
Détails de base
| Champ | Description |
|---|---|
| Nom du formulaire | Nom interne (utilisé dans le panneau d'administration) |
| Slug | Identifiant compatible URL — généré automatiquement depuis le nom. Utilisé dans l'URL publique : /f/votre-slug |
| Titre affiché | Titre montré aux visiteurs en haut du formulaire |
| Description | Sous-titre/description optionnel affiché sur le formulaire |
| Libellé du bouton Soumettre | Texte sur le bouton de soumission (par défaut : « Soumettre ») |
| Message de remerciement | Message affiché après une soumission réussie |
| URL de redirection | Si défini, redirige vers cette URL au lieu d'afficher le message de remerciement |
| Formulaire multi-étapes | Regroupe les champs en étapes/pages numérotées |
| Actif | Bascule pour activer ou désactiver le formulaire |
Champs du formulaire
Chaque formulaire peut avoir des champs illimités. Une case à cocher Consentement RGPD est automatiquement ajoutée comme dernier champ et ne peut pas être supprimée.
Ajouter un champ
Dans la section Champs du formulaire, cliquez sur Ajouter un champ et configurez :
| Paramètre du champ | Description |
|---|---|
| Type | Type de saisie (voir ci-dessous) |
| Libellé | Libellé du champ montré au visiteur |
| Espace réservé / Aide | Texte d'indication à l'intérieur de la saisie |
| Clé du champ | Associe ce champ à une propriété du prospect (ex. email, first_name, phone) |
| Étape n° | Pour les formulaires multi-étapes — à quelle étape appartient ce champ |
| Obligatoire | Si le champ doit être renseigné pour soumettre |
| Options | (Liste déroulante/case à cocher/bouton radio uniquement) — une option par ligne |
Types de champs
| Type | Description |
|---|---|
| text | Saisie de texte sur une seule ligne |
| Saisie d'adresse e-mail | |
| phone | Saisie de numéro de téléphone |
| textarea | Texte multiligne |
| select | Liste déroulante |
| multi_checkbox | Cases à cocher multiples (sélection multiple) |
| radio | Boutons radio (sélection unique) |
| date | Sélecteur de date |
| number | Saisie numérique |
| hidden | Champ masqué (pré-rempli depuis un paramètre URL) |
Réorganiser les champs
Glissez les champs vers le haut ou le bas pour les réorganiser sur le formulaire.
Apparence (optionnel)
| Paramètre | Description |
|---|---|
| Couleur d'arrière-plan | Couleur d'arrière-plan du conteneur du formulaire |
| URL d'image d'arrière-plan | URL d'une image d'arrière-plan |
| Nom de police Google | Police à utiliser (ex. « Inter », « Roboto ») |
| URL du logo | Image de logo affichée en haut du formulaire |
Connexion pipeline (optionnel)
Placez automatiquement les nouveaux prospects de ce formulaire dans une étape de pipeline :
- Sélectionnez un Pipeline.
- Sélectionnez une Étape dans ce pipeline.
Tous les prospects de ce formulaire démarreront dans cette étape.
Protection anti-spam
Activez reCAPTCHA v3 pour protéger contre les soumissions de bots :
- Activez Activer reCAPTCHA v3.
- Saisissez votre Clé de site reCAPTCHA et votre Clé secrète (depuis la console reCAPTCHA de Google).
Vous avez besoin d'une paire de clés reCAPTCHA distincte par formulaire (ou utilisez les mêmes clés sur tous les formulaires).
Obtenir le code d'intégration
Après avoir enregistré le formulaire :
- Accédez à la liste Formulaires.
- Cliquez sur le bouton Intégrer sur la ligne du formulaire.
- Copiez l'extrait HTML et collez-le dans votre page web.
L'URL du formulaire autonome est : https://votredomaine.com/f/votre-slug
Formulaires multi-étapes
Lorsque Formulaire multi-étapes est activé :
- Assignez à chaque champ un n° d'étape (1, 2, 3...).
- Les champs avec l'étape 1 apparaissent sur la première page, l'étape 2 sur la deuxième, etc.
- Une navigation Suivant / Retour apparaît entre les étapes.
- Le bouton de soumission n'apparaît que sur la dernière étape.
Afficher les analyses du formulaire
Accédez à Formulaires → [votre formulaire] → Analyses (ou cliquez sur l'icône graphique sur la ligne du formulaire) pour voir :
- Total des vues
- Total des soumissions
- Taux de conversion (soumissions / vues)
- Répartition des soumissions dans le temps