Qu'est-ce qu'un champ caché wpforms ?

Qu'est-ce qu'un champ caché de WPForms ? (Découvrez les données cachées de l'utilisateur)

Connaissez-vous le champ caché de WPForms ?

Peu de choses dans la vie sont aussi excitantes que de découvrir des secrets.

WPForms possède un champ secret qui lui est propre. Et il est largement ignoré par les nouveaux utilisateurs parce qu'ils ne sont pas sûrs qu'il serve à quelque chose. Si c'est votre cas, alors je dois dire que vous passez à côté de quelque chose !

Le champ caché de WPForms est invisible pour les visiteurs, mais il peut s'avérer très utile en vous permettant de collecter des métadonnées utiles avec l'entrée d'un utilisateur.

Vous pouvez configurer le champ de saisie caché pour collecter des informations telles que les emplacements, les adresses IP, les URL de référence et toutes sortes de choses amusantes auprès des personnes qui remplissent des formulaires sur votre site web.

Dans ce billet, j'aimerais vous présenter quelques façons courantes d'utiliser le champ Caché pour recueillir des informations utiles, sans affecter l'expérience de l'utilisateur.

Déverrouillez le champ caché maintenant !

Qu'est-ce qu'un champ caché de WPForms ?

Prêt à vous lancer ? Comme je l'ai dit, je vais vous montrer quelques-unes des façons les plus courantes d'utiliser le champ Hidden dans vos propres formulaires. Entrons dans le vif du sujet.

Quel est l'objectif du champ caché ?

Un champ de formulaire caché est un champ que vous pouvez ajouter à vos formulaires sans le rendre visible aux utilisateurs.

Dans WPForms, ce champ est simplement appelé champ caché. Ce champ caché permet de capturer des informations à l'aide des Smart Tags de WPForms sans qu'ils puissent les modifier ou les voir.

WPForms Champ caché

Pourquoi utiliser un champ caché WPForms ?

Les étiquettes intelligentes collectent des informations qu'il peut être utile de voir dans une entrée, mais qui risqueraient d'être confuses pour un visiteur s'il pouvait voir ce champ pendant qu'il remplit le formulaire.

L'intégration de balises intelligentes dans les champs cachés vous permet d'offrir une expérience utilisateur optimale tout en obtenant les informations dont vous avez besoin.

Il n'est peut-être pas utile que votre visiteur vous fournisse directement ces informations, mais vous pouvez tout de même les recueillir.

WPForms Hacks pour les champs de saisie cachés

Maintenant que vous savez ce qu'est un champ caché de WPForms, voici quelques façons géniales de l'utiliser :

1. Rechercher les adresses IP des utilisateurs

Chaque utilisateur possède une adresse IP unique. La saisie des adresses IP peut s'avérer particulièrement utile pour lutter contre le spam des formulaires.

Lorsque vous savez quelle adresse IP vous envoie du spam, vous pouvez empêcher cette adresse d'accéder à votre site par l'intermédiaire de votre hébergeur ou d'un plugin de sécurité.

Pour capturer l'adresse IP d'un utilisateur qui soumet une entrée, ajoutez le champ caché à votre formulaire, puis cliquez dessus pour ouvrir ses options de champ.

Paramètres des champs cachés

Il peut être utile de renommer le champ caché afin d'éviter toute confusion ultérieure sur les informations qu'il contient. N'hésitez donc pas à modifier l'intitulé du champ caché.

Modification de l'étiquette d'un champ

Cliquez ensuite sur l'onglet Avancé pour accéder à d'autres options.

Paramètres avancés

Il faut maintenant attribuer une valeur par défaut au champ caché. Pour ce faire, vous pouvez utiliser des étiquettes intelligentes afin que la valeur par défaut soit mise à jour dynamiquement en fonction de chaque utilisateur.

Cliquez sur le lien Afficher les étiquettes intelligentes à droite de la case Valeur par défaut.

Afficher les étiquettes intelligentes

Vous verrez une série d'étiquettes intelligentes disponibles que vous pouvez utiliser. Comme nous voulons capturer les informations relatives à l'adresse IP, cliquez sur Adresse IP de l'utilisateur dans la liste.

Balise d'adresse IP de l'utilisateur

Avec la balise intelligente Adresse IP de l'utilisateur dans le champ caché, vous pourrez voir l'adresse IP du visiteur dans son formulaire.

adresse IP de l'utilisateur

2. Voir comment les gens vous ont trouvé

Le {url_referer} Smart Tag capturera l'adresse de la page qui a renvoyé l'utilisateur vers votre formulaire.

Par exemple, si un utilisateur se trouve sur votre page d'accueil, puis navigue vers votre page de contact avant de remplir votre formulaire, le champ {url_referer}  Smart Tag vous indique l'URL de votre page d'accueil.

URL référent

C'est un excellent moyen d'ajouter des détails sur les sources de trafic à chaque entrée, ce qui vous permet d'en savoir plus sur la façon dont les gens découvrent vos formulaires.

url de référence

Vous pouvez utiliser ces informations pour prendre de meilleures décisions d'optimisation pour votre site et augmenter les conversions de formulaires.

Vous pouvez également utiliser des champs cachés pour suivre les références provenant de sources externes ou d'une campagne de marketing spécifique.

Pour ce faire, il suffit d'ajouter une étiquette intelligente de variable de chaîne de requête à la case Valeur par défaut de votre champ caché.

chaîne d'interrogation valable

Vous devriez maintenant voir le {query_var key=""} ajoutés à la Valeur par défaut boîte. Pour configurer correctement cette balise, vous devez saisir une clé représentant la source de trafic ou de campagne que vous souhaitez suivre.

Pour cela, il est important de modifier l'URL de la page où vous intégrez le formulaire.

Par exemple, supposons que l'URL de votre page de formulaire soit yoursite.com/contact/. Si vous souhaitez promouvoir le formulaire de contact à partir de votre page Facebook, vous pouvez utiliser un lien modifié qui ressemble à ceci :  yoursite.com/contact/?source=facebook.

Comme vous pouvez le constater, ce lien utilise l'URL standard de votre page de formulaire et ajoute un élément supplémentaire pour faciliter le suivi de la source. En utilisant cet exemple d'URL, la clé de la chaîne de requête que nous devons saisir entre les guillemets est "source".

champ caché variable de requête

Toutefois, en fonction de vos conventions spécifiques de suivi des URL, vous êtes libre d'utiliser une clé de chaîne de requête différente.

Lorsqu'un utilisateur visite votre formulaire en cliquant sur l'un des liens ci-dessous, le formulaire capture la source telle que définie par votre URL.

  • Facebook - yoursite.com/page/?source=facebook
  • Twitter - yoursite.com/page/?source=twitter
  • Newsletter - yoursite.com/page/?source=newsletter

De cette façon, vous pouvez facilement suivre une campagne ou une source externe spécifique.

entrée source

En fait, il peut être judicieux de recevoir des notifications d'entrée avec des informations sur le suivi des liens.

Pour ce faire, allez dans Paramètres " Notifications. De là, descendez jusqu'à la section intitulée Adresse e-mail, puis cliquez sur Afficher les étiquettes intelligentes en haut à droite de la boîte de message.

message email show tags

Sélectionnez l'étiquette de votre champ caché dans la liste des champs disponibles. Nous avons intitulé notre champ caché "Source", c'est donc ce que nous allons sélectionner dans cet exemple.

source smart tag

Il ajoutera un code à votre notification qui ressemblera à {field_id="#"} avec un numéro.

corps du message électronique avec balise intelligente

Cliquez sur Enregistrer et votre formulaire est prêt à être publié sur un article ou une page.

La dernière étape de cette astuce consiste à partager le lien vers la page qui contient ce formulaire. Pour chaque plateforme sur laquelle vous partagez le lien (Facebook, Twitter, etc.), vous devez ajouter la source à la fin du lien.

De cette façon, WPForms peut le reconnaître et extraire correctement l'information source pour chaque entrée.

4. Recherche de l'emplacement de l'utilisateur

Si vous appréciez déjà le module complémentaire de géolocalisation qui vous permet de savoir où se trouvent vos utilisateurs, vous pouvez envisager d'utiliser la balise intelligente de géolocalisation dans un champ caché.

Il suffit d'ouvrir les options de votre champ caché et de sélectionner l'étiquette intelligente de géolocalisation d'entrée dans les options de la valeur par défaut.

variable de localisation

Vous pouvez également ajouter cette balise intelligente dans un courriel de notification afin de ne pas avoir à vous connecter à votre tableau de bord et à votre formulaire de saisie pour la trouver. Cela peut être particulièrement utile si vous avez besoin de connaître les fuseaux horaires des utilisateurs pour les appels téléphoniques.

Il suffit d'ouvrir la liste des balises intelligentes de votre message de notification par courrier électronique et de sélectionner Entrée Géolocalisation.

champ du message de localisation

Saviez-vous que le module complémentaire de géolocalisation a une autre utilité ? Il peut également être utilisé pour l'autocomplétion d'adresses dans vos formulaires !

Champ d'adresse avec Google Map

Il suffit de le connecter à Google Places ou à Mapbox pour activer la saisie automatique des adresses dans n'importe quel formulaire. Vous pouvez même ajouter une carte interactive à vos formulaires afin que les utilisateurs puissent choisir leur emplacement à l'aide d'une épingle.

5. Attribuer des ID d'utilisateur

Vous souhaitez pouvoir identifier vos visiteurs mais ne voulez pas leur demander leur nom ? Pas de problème ! Vous pouvez toujours identifier les visiteurs à l'aide d'un identifiant unique.

Chaque utilisateur enregistré se voit attribuer automatiquement un numéro d'identification sur votre site WordPress. L'ajout d'un champ caché avec une étiquette intelligente d'identification de l'utilisateur vous permet de voir l'ID lorsqu'un utilisateur connecté soumet un formulaire.

ID de l'utilisateur

Cela peut s'avérer particulièrement utile si vous créez une enquête anonyme et que vous souhaitez savoir quels utilisateurs l'ont remplie.

6. Suivi des soumissions de formulaires par page

Nombre de nos clients utilisent le même formulaire à différents endroits. Par exemple, vous pourriez avoir un formulaire d'inscription à la lettre d'information au bas de chaque article de blog.

Lorsque vous avez une telle configuration, il peut être difficile de suivre la page source d'où proviennent les entrées pour le même formulaire.

Un moyen simple d'afficher les informations sur la page source à chaque entrée est d'utiliser la balise intelligente " Embedded Post/Page Title" (titre de l'article ou de la page) .

Titre de la page intégré

Cette balise intelligente capturera silencieusement le titre de la page ou de l'article où la soumission du formulaire a eu lieu, afin que vous puissiez toujours voir cette information avec chaque entrée.

7. Bloquer des adresses électroniques spécifiques

Si vous êtes victime d'un grand nombre de spambots, vous pouvez empêcher le spam du formulaire de contact avec Google reCAPTCHA ou hCaptcha.

Mais qu'en est-il des spammeurs qui sont de vrais visiteurs humains ?

Il y a une fonctionnalité intéressante dans WPForms qui vous permet de verrouiller facilement vos formulaires aux adresses email que vous spécifiez. C'est ce qu'on appelle la liste d'adresses autorisées (Allowlist/Denylist).

Vous le trouverez en cliquant sur l'onglet Avancé dans les paramètres des options de champ pour votre champ d'adresse électronique.

email allow deny

Cliquez sur le champ pour ouvrir un menu déroulant avec les options Allowlist et Denylist. Vous pouvez utiliser la liste d'autorisation pour n'autoriser que les adresses électroniques que vous avez saisies.

Vous pouvez également inverser la situation et choisir l'option Denylist pour que le formulaire accepte toutes les entrées à l'exception des adresses électroniques que vous avez spécifiées dans les paramètres.

Il vous suffit de saisir l'adresse électronique que vous souhaitez bloquer dans le champ ci-dessous.

Liste de refus de courrier électronique

La prochaine fois que le spammeur reviendra pour soumettre le formulaire, il sera stoppé dans son élan.

8. Voir les pages qui conduisent à des conversions de formulaires

Lorsque vous publiez un formulaire sur votre site, votre objectif ultime est d'obtenir davantage de conversions : entrées, prospects ou ventes.

Si vous savez quelles pages sont à l'origine de ces conversions, vous pouvez développer davantage de contenu qui profite à vos visiteurs et les incite à agir.

Voici la bonne nouvelle. Vous pouvez facilement débloquer ces informations avec l'addon User Journey pour WPForms.

Aperçu de l'addon User Journey

Sous chaque entrée de formulaire, vous verrez une liste des actions que l'utilisateur a effectuées avant de remplir votre formulaire. Cet addon est l'outil idéal pour créer une carte du parcours de l'utilisateur. Il enregistre automatiquement le comportement de chaque utilisateur et l'affiche dans l'entrée, directement dans WordPress.

Vous pouvez retracer les étapes de vos visiteurs depuis le moment où ils ont accédé à votre site jusqu'au moment où ils ont envoyé le formulaire. L'extension vous permet même de voir :

  • Ce que le visiteur a recherché
  • Les paramètres UTM pour la campagne de référence
  • Le temps qu'ils ont passé sur chaque page ou article
Addon User Journey pour WPForms

WPForms vous permet également de mesurer les conversions de formulaires avec Facebook Pixel ou Google Analytics. Mais il faut parfois un certain temps pour s'y retrouver dans toutes ces données.

Si vous souhaitez comprendre rapidement les motivations de vos visiteurs, le module complémentaire User Journey est la solution idéale.

Ensuite, créez un champ de code de coupon pour votre formulaire de commande

Et voilà ! Vous avez maintenant quelques bonnes astuces pour utiliser le champ caché du constructeur de formulaire WPForms afin de trouver des données supplémentaires sur les utilisateurs de votre formulaire.

Si vous souhaitez ajouter encore plus de champs personnalisés à vos formulaires, lisez comment ajouter un champ de code de coupon.

Et si vous souhaitez en savoir plus sur la façon de se débarrasser du spam avec WPForms, voici notre guide pour empêcher les robots de remplir vos formulaires.

Déverrouillez le champ caché maintenant !

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Osama Tahir

Osama est rédacteur senior chez WPForms. Il se spécialise dans le démontage des plugins WordPress pour les tester et partager ses connaissances avec le monde entier.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

17 comments on "Qu'est-ce qu'un champ caché de WPForms ? (Découvrir les données cachées de l'utilisateur)"

  1. Comment est-il possible d'éditer le champ caché dans le backend ? Je sais que je peux utiliser les "Notes" dans le backend mais je veux avoir différents champs "Notes".

    1. Bonjour Peter,

      Pour réaliser ce que vous avez mentionné, vous pouvez ajouter un champ de texte à ligne unique et ajouter la classe CSS wpforms-field-hidden - De cette façon, le champ sera caché dans le frontend mais il sera accessible et modifiable dans le tableau de bord d'administration de WordPress.

      J'espère que cela vous aidera 🙂 .

      1. Bonjour Nikhil, Existe-t-il un moyen de modifier rétroactivement les données des champs cachés qui ont déjà été collectées ?

      2. David - Actuellement, nous ne disposons pas de la fonctionnalité permettant de modifier les informations des champs cachés. Je suis d'accord pour dire qu'il s'agirait d'une fonctionnalité intéressante, et je vais l'ajouter à notre outil de suivi des demandes de fonctionnalités afin qu'elle soit prise en compte par nos développeurs.

  2. Peut-on obtenir une adresse IP avec un code personnalisé ajouté au plugin, sans avoir à passer à la version pro ?

    Merci.

    1. Hey Pramodh, si vous ne voulez pas passer à une version payante maintenant, vous pouvez essayer de créer un smart tag personnalisé pour l'IP de l'utilisateur de la manière mentionnée ici ou vous pouvez aller avec le développement personnalisé Codeable ou WPBuffs. Merci de votre compréhension.

    1. Hey Haryo - Merci pour votre commentaire. Je m'excuse, mais je ne suis pas sûr de comprendre votre question. Quand vous en aurez l'occasion, pourriez-vous me donner plus de détails, ou éventuellement un exemple de ce que vous cherchez à faire ?

      Merci 🙂 .

  3. Bonjour, j'ai plus de 400 adresses email que je souhaite utiliser pour les notifications. Dois-je les saisir une par une ou existe-t-il d'autres alternatives pour la capture en masse, par exemple l'importation d'adresses email à partir d'Excel ?

    1. Hey Allan - Si vous souhaitez envoyer des notifications à 400 adresses électroniques, je suis désolé, mais nous n'avons actuellement pas la possibilité d'importer les adresses électroniques, et vous devrez les ajouter manuellement. Je suis d'accord pour dire que ce serait génial, et je l'ajouterai à la liste de suivi des demandes de fonctionnalités.

  4. Bonjour, j'ai un champ #1 (ex. nom) et un champ caché.
    Est-il possible d'afficher la valeur du champ #1 sur le champ caché ?

    merci

    1. Bonjour Mel - Nous ne disposons pas actuellement de la fonctionnalité permettant d'afficher les valeurs des champs cachés avant de soumettre le formulaire. Je suis d'accord pour dire qu'il s'agirait d'une fonctionnalité intéressante, et je vais l'ajouter à notre outil de suivi des demandes de fonctionnalités afin qu'elle soit dans le collimateur de nos développeurs.

      Merci 🙂 .

    1. Hello Megan - Oui, vous pouvez tout à fait transmettre la date et l'heure aux entrées en utilisant des balises intelligentes dans un champ caché, comme indiqué dans ce document. Il vous suffit ensuite de faire correspondre le champ avec votre feuille Google. C'est tout 🙂 .

      J'espère que cela vous aidera. Je vous remercie.

  5. Bonjour à tous,

    J'aimerais ajouter une liste des fichiers téléchargés à l'e-mail de confirmation envoyé à l'utilisateur.
    Ils demandent souvent à voir cette liste en guise de confirmation.

    eg.

    Merci de télécharger vos fichiers :

    Fichier un.doc
    Fichier deux.png
    Fichier trois.xlm

    1. Bonjour Alexandre,

      Vous pouvez inclure le référent AffiliateWP dans le modèle d'email WPForms en utilisant cette balise intelligente : {query_var key="ref"}
      Cela permet de capturer l'identifiant ou le nom d'utilisateur de l'affilié à partir de l'URL. Par exemple, si quelqu'un visite votre page de formulaire via ?ref=123 ou ?ref=johndoela valeur sera incluse dans la notification par courrier électronique.

      J'espère que cela vous aidera. Je vous remercie.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.