• Accueil / Pardot / Comment créer un…
, Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Comment créer un meilleur sélecteur de date dans les formulaires Pardot3 minutes de lecture


, Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

31 mars 2020 ->

Vous voulez pouvoir restreindre la plage de dates d’un sélecteur de dates dans vos formulaires Pardot? Le sélecteur de date par défaut avec Pardot ne fournit pas cette option, mais avec quelques lignes de JavaScript, vous pouvez améliorer la fonctionnalité du sélecteur de date. Dans ce didacticiel, je vais vous montrer comment utiliser le jQuery UI sélecteur de date dans votre formulaire Pardot.

Étape 1: ajoutez le champ à votre formulaire

Ajoutez le champ à votre formulaire. Étant donné que nous n’utiliserons pas le sélecteur de date par défaut laissez le type comme TEXT.

, Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Étape 2: ajoutez le JavaScipt à votre formulaire

Dans l’éditeur de formulaire, accédez à étape # 3 – look & feel et cliquez sur le sous le formulaire section. Copiez et collez ce JavaScript dans l’éditeur HTML.

, Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Étape 3: modifier le script

Il y a quelques changements que vous devez apporter au script pour qu’il fonctionne avec votre formulaire:

  1. Mise à jour YOURDATEFIELDNAME avec le Nom de votre champ Pardot qui devrait lancer le sélecteur de date.
  2. Mise à jour minDate avec le nombre de jours passés, l’utilisateur devrait pouvoir voir et sélectionner. Par exemple, «0» n’afficherait aucune date dans le passé. « -20 » permettrait à l’utilisateur de sélectionner jusqu’à 20 jours dans le passé.
  3. Mise à jour maxDate avec le nombre de jours à venir, l’utilisateur devrait pouvoir sélectionner. Par exemple, « + 1M » permettrait à l’utilisateur de sélectionner une date qui est d’un mois dans le futur.

Étape 4:

Enregistrez et testez! Votre sélecteur de date doit ressembler à celui ci-dessous et si vous remplissez le formulaire, la date doit être remplie dans Pardot au format aaaa-mm-jj.

, Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

Des questions?

Envoyez-moi un tweet @jennamolbyou laissez un commentaire ci-dessous.

Articles Similaires

  • , Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

    La 2ème partie de la série de personnalisation de formulaire est enfin là! Dans la partie 1, je vous ai montré comment mettre en œuvre la technique d’étiquette flottante populaire et comment créer des listes déroulantes conviviales et consultables. Dans cet article, je vais vous montrer comment créer un formulaire conversationnel de style paragraphe et comment créer un formulaire sur une seule ligne.

  • , Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

    Gravity Forms est l’un des outils les plus simples pour créer des formulaires avancés pour votre site WordPress et avec une certaine personnalisation, ils peuvent être intégrés à Pardot. Dans cet article, je vais vous montrer comment intégrer Gravity Forms à l’aide de Pardot Form Handlers.

  • , Comment créer un meilleur sélecteur de date dans les formulaires Pardot<span class="wtr-time-wrap after-title"><span class="wtr-time-number">3</span> minutes de lecture</span>

    Vous cherchez des moyens créatifs de pimenter vos formes Pardot? Dans cet article, je vais vous montrer comment implémenter la technique d’étiquette flottante populaire en trois étapes faciles. Je vais également vous montrer comment transformer vos longs menus déroulants en menus déroulants conviviaux et consultables.





Source de l’article traduit automatiquement en Français