Prérequis :

  • Pour créer votre modèle de formulaire, c’est par ici !
  • Pour cacher simplement un champ avec une valeur "fixe" dans un formulaire et suivre les étapes de récupération des infos, consultez cet article.
  • Avoir quelques notions en javascript  ;-)

 
La façon la plus simple de passer une valeur dynamique dans un champ caché est d'appeler le script de Plezi en javascript plutôt que directement dans le HTML. Il faut donc remplacer la balise <script> tout en conservant la balise <form> :

<form id="foss-5c4aee3dlm28b054712ae0f1"></form>


Le contenu de la balise <script> sera appelé en javascript comme ci-dessous :

var valeur_du_champ = "valeur dynamique" // Obtenir la valeur dynamique
var h=document.createElement('script');
h.setAttribute('src','URL_DU_SCRIPT_PLEZI'+'&nom_technique_du_champ_plezi='+valeur_du_champ);
document.head.appendChild(h);

En fournissant le ou les paramètres et leurs valeurs correspondantes, le constructeur de formulaire Plezi va pouvoir lui même renseigner les valeurs dans les champs correspondants.

S'il vous venait à l'idée d'éditer la valeur du ou des champs cachés en javascript abstenez vous ! En effet il faudrait executer le script responsable de cette opération au moment ou le formulaire Plezi est totalement chargé. Or il n'est actuellement pas possible d'obtenir cette information.

Exemple de récupération de valeur communément utilisée

Récupérer un paramètre de l'URL (utm_campaign dans l'exemple)

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
var valeur_du_champ = getUrlParameter('utm_campaign');
Avez-vous trouvé votre réponse?