Champs cachés : transmission de données sans intervention de l’utilisateur

Toutes les données ne proviennent pas de saisies utilisateur. D'où viennent-elles ? Sur quelle publicité ont-ils cliqué ? Sur quelle page se trouvaient-ils ? Les champs cachés capturent automatiquement ces données invisibles, enrichissant ainsi vos soumissions sans complexifier vos formulaires. Voici comment les utiliser efficacement.

Que sont les champs cachés ?

Définition

Les champs cachés sont des éléments de formulaire qui stockent et soumettent des données sans être visibles par les utilisateurs. Ils apparaissent comme un espace vide dans le formulaire, mais contiennent des valeurs qui sont soumises avec les données saisies par l'utilisateur.

Comment fonctionnent-ils

Forme visible : ┌───────────────────────────────────────┐ │ Nom : [John Smith ] │ │ Courriel : [[email protected]     ] │ │ Message : [Combien coûte… ] │ │ │ │ [Soumettre] │ └─────────────────────────────────────┘ Ce qui est soumis : - Nom : John Smith - Courriel : [email protected]
- Message : Combien coûte... - Source : google_ads ← Champ masqué - Campagne : summer_sale_2026 ← Champ masqué - Page de destination : /pricing ← Champ masqué

Expérience utilisateur

• Les utilisateurs ne voient pas les champs cachés
• Aucun champ supplémentaire à remplir
• La forme reste propre et concentrée
• Données capturées automatiquement

Pourquoi utiliser des champs cachés ?

1. Suivre les sources marketing

Identifiez les campagnes qui génèrent des prospects :

• Identifiants de campagne publicitaire
• Sources de trafic
• Recommandations d'affiliés
• Réseaux de médias sociaux

2. Capture du contexte de la page

Connaître la localisation des utilisateurs au moment de leur soumission :

• URL de la page de destination
• Produit consulté
• Article de blog en cours de lecture
• Langue/version de la page

3. Transmettre les données techniques

Informations système de capture :

• Version formulaire
• variante de test A/B
• Agent utilisateur
• Horodatage

4. Préremplir les informations connues

Incluez les données dont vous disposez déjà :

• Identifiant utilisateur (si connecté)
• Type de compte
• Niveau d'abonnement
• Interactions précédentes

5. Connecter les données connexes

Lier les soumissions à d'autres systèmes :

• Identifiants d'enregistrement CRM
• Numéros de commande
• Références des billets
• Identifiants de session

Création de champs cachés dans AFB

Méthode 1 : Champ de texte en mode caché

1. Ajouter un Texte champ à votre formulaire
2. Paramètres de terrain ouvert
3. Permettre Champ caché mode
4. Définir la valeur par défaut
5. Le champ devient invisible sur le frontend

Options de configuration

• Étiquette: Nom interne (pour votre référence)
• Valeur par défaut: La valeur à soumettre
• Caché: Activer

Exemple de configuration

Champ : Texte Libellé : « Source de trafic » Masqué : Oui Valeur par défaut : « organic_search »

Cas d'utilisation courants des champs cachés

Cas d'utilisation 1 : Suivi des paramètres UTM

Objectif : Identifiez les campagnes marketing qui génèrent des soumissions de formulaires.

Champs cachés :

utm_source : [Valeur de l'URL] utm_medium : [Valeur de l'URL] utm_campaign : [Valeur de l'URL] utm_content : [Valeur de l'URL] utm_term : [Valeur de l'URL]

Exemple d'URL :

votresite.com/contact?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

Données de soumission :

Nom : John Smith Courriel : [email protected]
utm_source : google utm_medium : cpc utm_campaign : soldes_d'été

Cas d'utilisation 2 : Contexte de la page/du produit

Objectif : Sachez sur quelle page se trouvait le formulaire.

Champ caché :

page_url : [URL de la page actuelle] page_title : [Titre de la page actuelle] product_id : [Produit consulté]

Pourquoi c'est utile :

• « J’ai une question à propos de… » → Vous savez de quel produit il s’agit
• Demande d'assistance → Vous savez quel article ils lisaient
• Demande de renseignements commerciaux → Vous savez quelle page de service utiliser

Cas d'utilisation 3 : Version du formulaire/Tests

Objectif : Suivez quelle variante de formulaire a été soumise

Champs cachés :

version_formulaire : « v2.3 » variante_test_ab : « B » emplacement_formulaire : « barre_latérale »

Pourquoi c'est utile :

• Comparer les taux de conversion entre les versions
• Déterminez quelle variante A/B a été la plus performante.
• Suivre l'efficacité du placement des formulaires

Cas d'utilisation 4 : Informations sur le référent

Objectif : Sachez comment les utilisateurs sont arrivés sur votre site.

Champ caché :

referrer_url : [Référent du document]

Captures :

• Quel site vous a redirigé vers un lien ?
• Quel moteur de recherche
• Plate-forme de médias sociaux
• Campagne par e-mail (si vous cliquez sur le lien)

Cas d'utilisation 5 : Identification de l'utilisateur

Objectif : Soumissions de liens vers des utilisateurs connus

Champs cachés :

user_id : [Identifiant utilisateur WordPress] user_email : [Adresse e-mail de l’utilisateur connecté] customer_type : [Type de compte]

Pourquoi c'est utile :

• Les utilisateurs connectés n'ont pas besoin de ressaisir les informations.
• Lien vers les enregistrements CRM
• Suivi personnalisé

Cas d'utilisation 6 : Horodatage/Métadonnées

Objectif : Capturer le contexte de soumission

Champs cachés :

submission_timestamp : [Date/heure actuelle] user_timezone : [Fuseau horaire du navigateur] browser_language : [Paramètre de langue du navigateur]

Cas d'utilisation 7 : Suivi des affiliés/partenaires

Objectif : Partenaires de crédit pour les recommandations

Champ caché :

affiliate_id : [Valeur du paramètre d’URL] partner_code : [Valeur du cookie]

Exemple d'URL :

votresite.com/signup?ref=partner123

Valeurs des champs cachés dynamiques

Valeurs statiques

Codé en dur, identique pour tout le monde :

nom_formulaire : « Formulaire de contact » version_formulaire : « 1.0 » service : « Ventes »

Paramètres d'URL

Valeurs de l'URL de la page :

URL : votresite.com/page?source=facebook&campaign=spring Capture des champs cachés : source : « facebook » campagne : « spring »

Informations sur la page

Contexte de la page actuelle :

page_url: "https://yoursite.com/products/widget" page_title: "Widget Premium - Votre Site"

Valeurs des cookies

Données stockées dans le navigateur :

visitor_id : [Identifiant du cookie de suivi] first_visit : [Date de la première visite issue du cookie]

Généré en JavaScript

Valeurs calculées sur la page :

horodatage : [Heure actuelle] résolution_écran : [Taille de l'écran de l'utilisateur] fuseau_horaire : [Fuseau horaire de l'utilisateur]

Configuration de la capture des paramètres d'URL

Fonctionnement des paramètres d'URL

URL de base : votresite.com/contact Avec les paramètres : votresite.com/contact?source=email&campaign=newsletter Paramètres : - source = email - campaign = newsletter

Capture de paramètres dans des champs cachés

Étape 1 : Créer un champ caché avec le nom du paramètre

Libellé du champ : source Masqué : Oui Valeur par défaut : (vide ou valeur de repli)

Étape 2 : Configurer pour lire à partir d'une URL

Le champ se remplit automatiquement à partir du paramètre d'URL si les noms correspondent.

Étape 3 : Test avec paramètres d'URL

Visitez : votresite.com/contact?source=test_value Soumettez le formulaire Vérifiez la soumission : source = "test_value"

Pratiques d'excellence

1. Utilisez une dénomination claire

Bien : - traffic_source - utm_campaign - landing_page_url À éviter : - field1 - data - x

2. Définir les valeurs de repli

Que se passe-t-il si un paramètre d'URL est manquant ?

Valeur par défaut : « direct » (pour la source) Valeur par défaut : « none » (pour la campagne) Valeur par défaut : « organic » (pour le support)

3. Ne pas trop dépasser

Ne capturez que les données que vous utiliserez réellement :

• Allez-vous analyser ce domaine ?
• Est-ce que cela aide à la qualification des prospects ?
• Un suivi est-il nécessaire ?

4. Soyez transparent

Les politiques de confidentialité doivent mentionner :

• Quelles données collectez-vous ?
• Comment vous utilisez les données de suivi
• Intégrations tierces

5. Testez minutieusement

• Soumettre le formulaire de test avec les paramètres
• Vérifiez correctement les valeurs saisies
• Tester les scénarios de paramètres manquants
• Les soumissions de chèques contiennent des données cachées

6. Valider au besoin

Pour les valeurs cachées critiques :

• Vérifier le format côté serveur
• Désinfecter l'entrée
• Ne faites pas aveuglément confiance aux données côté client.

Champs cachés dans les notifications par e-mail

Y compris les données cachées

Des champs cachés peuvent apparaître dans les e-mails de notification :

Nouvelle soumission de formulaire de contact Nom : John Smith Courriel : [email protected]
Message : J’aimerais en savoir plus… --- Informations de suivi --- Source : google_ads Campagne : summer_sale Page : /pricing

Organisation du contenu des e-mails

• Regroupez les champs cachés séparément
• Intitulez-les « Suivi » ou « Métadonnées ».
• Envisagez de l'exclure des courriels destinés aux clients

Champs cachés dans les exportations

Exportation CSV

Les champs masqués apparaissent sous forme de colonnes :

Nom, Courriel, Message, Source, Campagne, Page John,[email protected],Question...,google,soldes_d'été,/prix Jane,[email protected]Demande de renseignements..., Facebook, promotion_printemps, /services

Filtrage par champs cachés

Dans votre feuille de calcul :

• Filtrer par source pour afficher tous les prospects Google
• Filtrer par campagne pour mesurer des promotions spécifiques
• Analyser la conversion par page de destination

Exemple d'attribution marketing

installation

Champs cachés : 1. utm_source (par défaut : « direct ») 2. utm_medium (par défaut : « none ») 3. utm_campaign (par défaut : « none ») 4. utm_content (par défaut : « none ») 5. landing_page (capture l’URL actuelle)

URL des campagnes publicitaires

Annonces Google : votresite.com/offre?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale Facebook : votresite.com/offre?utm_source=facebook&utm_medium=paid_social&utm_campaign=retargeting E-mail : votresite.com/offre?utm_source=newsletter&utm_medium=email&utm_campaign=march_promo

Données résultantes

Soumission 1 : - Nom : John - utm_source : google - utm_medium : cpc - utm_campaign : spring_sale Soumission 2 : - Nom : Jane - utm_source : facebook - utm_medium : paid_social - utm_campaign : retargeting Soumission 3 : - Nom : Bob - utm_source : direct - utm_medium : none - utm_campaign : none (Aucun paramètre UTM dans l’URL)

Analyse

• Annonces Google : 45 prospects
• Facebook : 32 prospects
• Courriel : 28 prospects
• Direct : 15 prospects

Considérations de sécurité

Caché ≠ Sécurisé

Important : Les champs cachés ne sont PAS invisibles pour les utilisateurs qui inspectent la page.

• Visible dans le code source de la page
• Visible avec les outils de développement du navigateur
• Peut être modifié par des utilisateurs avertis

Ce qu'il ne faut PAS mettre dans les champs cachés

• Mots de passe ou secrets
• Données personnelles sensibles
• Tarification qui ne devrait pas être modifiée
• Jetons de sécurité (sauf s'ils sont correctement validés)

Ce qui est approprié

• Données de suivi/analyse
• Contexte de la page
• Métadonnées non sensibles
• Valeurs validées côté serveur

Dépannage

Champ caché non soumis

• Vérifiez que le champ est bien dans le formulaire
• Vérifier que le mode caché est activé
• Assurez-vous que la valeur par défaut est définie.
• Commencez par tester avec une valeur statique simple.

Paramètre d'URL non capturé

• Vérifiez que le nom du paramètre correspond exactement (sensible à la casse).
• Vérifiez que l'URL contient le paramètre
• La capture des paramètres de test est configurée

La valeur affiche toujours la valeur par défaut

• La source de valeur dynamique peut ne pas être configurée.
• Vérifiez les erreurs JavaScript dans la console.
• La fonction de vérification est prise en charge

Valeurs vides dans les soumissions

• Définir les valeurs par défaut de repli
• Vérifier si la source de valeur était disponible
• Peut indiquer des visites directes (sans paramètres)

Résumé

Utiliser efficacement les champs cachés :

1. Ajouter un champ de texte – Avec le mode caché activé
2. Définir l'étiquette – Nom clair et descriptif
3. Configurer la valeur – Source statique ou dynamique
4. Définir une solution de repli – Valeur par défaut si la source est indisponible
5. Testez minutieusement – Vérifier les valeurs capturées
6. Utilisation en analyse – Filtrer et signaler les données cachées

Conclusion

Les champs cachés transforment vos formulaires, de simples collecteurs de données, en de puissants outils de suivi. Sans complexifier l'expérience utilisateur, vous capturez l'attribution marketing, le contexte de la page et les métadonnées qui enrichissent chaque soumission. Identifiez automatiquement les campagnes générant des prospects, les pages suscitant des demandes de renseignements et les contenus les plus performants.

Générateur de formulaires automatiques Prend en charge les champs cachés grâce au mode caché du champ texte, ce qui vous permet de capturer les paramètres d'URL, les informations de page et les valeurs statiques en plus des soumissions des utilisateurs.

Prêt à suivre davantage de données ? Télécharger Auto Form Builder et commencez à utiliser les champs cachés pour enrichir vos formulaires.