Passer au contenu principal

✨ Comment personnaliser un champ caché dans un formulaire et le pré-remplir avec une valeur fixe

C’est nouveau ! Vous pouvez désormais ajouter un champ caché dans un formulaire et le pré-remplir avec une valeur fixe

Naissa Dioumessy avatar
Écrit par Naissa Dioumessy
Mis à jour il y a plus de 2 mois

🧠 À quoi ça sert ?

Cacher un champ dans un formulaire vous permet d’ajouter automatiquement une information à un contact dès qu’il soumet un formulaire.
Pratique si vous souhaitez :

  • Segmenter selon la source ou l’offre (livre blanc, fiche produit, etc.)

  • Préparer des scénarios personnalisés selon le produit ou service consulté

Comment le mettre en place ?

1. Créez ou identifiez le champ à utiliser

Depuis l'onglet conversion > Champs de contact, créez un nouveau champ ou utilisez un champ existant

Seuls trois types de champs peuvent être utilisés :

  • Un champ texte

  • Une liste déroulante

  • Une sélection multiple

💡 Si vous créez un nouveau champ personnalisé, pensez à ajouter le préfixe plz (ex : plzoffre, plzsupport...)
Si vous utilisez un champ par défaut Plezi, vous n'avez pas besoin d'ajouter ce préfixe.


2. Ajoutez le champ au formulaire et décochez la case "visible"

  • Rendez-vous sur le formulaire ou contenu sur lequel vous souhaitez paramétrer ce champ caché

  • Cliquez sur Modifier

  • Dans le menu Sélection des champs, cliquez pour modifier les champs

  • Repérez l’icône 👁️ qui permet de rendre visible ou non un champ

  • Décochez la case "visible" pour que le champ soit caché lors de la soumission du formulaire


3. Ajoutez le champ caché dans le script

Copiez le script du formulaire dans votre CMS

Ajoutez le nom du ou des champs cachés dans le script de votre formulaire, en suivant ces règles simples :

Type de champ

Syntaxe du paramètre à insérer

Texte ou Liste déroulante

&Champ=Valeur

Sélection multiple ( une valeur)

&Champ[]=Valeur

Sélection multiple (plusieurs valeurs)

&Champ[]=Valeur1&Champ[]=Valeur2

🧠 Exemple : pour le champ interests avec deux valeurs, vous ajouterez : &interests[]=Valeur1&interests[]=Valeur2

Important : Ne modifiez rien dans la syntaxe, sinon les champs cachés ne fonctionneront pas correctement

📌 Exemple de script générique :

Voici la forme à respecter dans votre script si vous souhaitez configurer un champ de type sélection multiple avec plusieurs valeurs :

<div>
<form id="plz-form-63da59df-936f-4bff-818c-70647c2754c6"></form>
<script async src="https://brain.plezi.co/api/v1/web_forms/scripts?content_web_form_id=63da59df-936f-4bff-818c-70647c2754c6&interests[]=Valeur1&interests[]=Valeur2"></script>
</div>

On vous montre un exemple

Dans ce test, nous souhaitons cacher et pré-remplir le champ "Propriétaire du contact" qui est :

  • Un champ personnalisé

  • De type texte

  • Et dont le nom est : plz_proprietaire_du_contact

  • Et dont la valeur est Support

Étapes :

  1. Sur le formulaire, décochez l'option "visible"

  2. Revenez sur l’onglet Conversion du formulaire

  3. Copiez votre script

  4. Collez-le dans votre CMS

  5. Ajoutez les paramètres de votre champ caché

<div>
<form id="plz-form-63da59df-936f-4bff-818c-70647c2754c6"></form>
<script async src="https://brain.plezi.co/api/v1/web_forms/scripts?content_web_form_id=63da59df-936f-4bff-818c-70647c2754c6&plz_proprietaire_du_contact=Support"></script>
</div>

Bon à savoir

Trucs & Astuces !

  • ⚠️ Veillez à respecter la nomenclature technique des champs cachés dans le script : Incluez bien plz en préfixe pour tous les champs personnalisés;

  • Si votre champ caché est du type “sélection multiple” et que vous souhaitez valider plusieurs valeurs, les paramètres à insérer dans le script sont &Champ[]=Valeur1&Champ[]=Valeur2 (par exemple pour le champ intérêt, les paramètres à insérer seraient: &interests[]=Valeur1&interests[]=Valeur2 );

  • Majuscules, minuscule, tout compte : ne changez rien

Avez-vous trouvé la réponse à votre question ?