👉 Comment créer un formulaire WordPress avec un sélecteur de dates

Comment bloquer les commentaires d'imposeur dans WordPress

Souhaitez-vous ajouter un sélecteur de date à votre formulaire de contact? Un sélecteur de date est requis lorsque vous souhaitez que vos utilisateurs sélectionnent une date et une heure dans le formulaire.

Dans cet article, nous allons partager comment créer un formulaire WordPress avec un sélecteur de date.

Quand et pourquoi devriez-vous ajouter un sélecteur de date dans les formulaires WordPress?

De nombreux formulaires de contact comportent des champs simples tels que le nom, l’e-mail, le téléphone et le message. Cette information est suffisante pour vous connecter avec vos utilisateurs. Toutefois, si vous souhaitez planifier un rendez-vous avec vos utilisateurs, vous devrez ajouter un sélecteur de date sur votre formulaire.

Si vous utilisez un magasin de commerce électronique et que vous souhaitez que les clients ajoutent leur date de disponibilité pour la livraison, vous pouvez ajouter un champ de date et d'heure sur le formulaire de contact ou de commande.

Il existe de nombreuses autres raisons pour lesquelles vous devriez demander à vos utilisateurs de fournir la date et l'heure avec leurs informations de base. Voyons comment créer facilement un formulaire WordPress avec un sélecteur de date.

Création d'un formulaire WordPress avec un sélecteur de dates

La première chose à faire est d'installer et d'activer le plug-in WPForms. Pour plus de détails, consultez notre guide étape par étape sur l'installation d'un plugin WordPress.

Lors de l'activation, vous devrez vous rendre sur le WPForms »Ajouter un nouveau page pour créer un formulaire dans WordPress. Il lancera l'écran de configuration de WPForms où vous trouverez plusieurs modèles prédéfinis pour créer facilement un nouveau formulaire de votre choix. Vous pouvez également sélectionner un formulaire vierge à partir de zéro.

Pour commencer, nous choisissons le Formulaire de contact simple modèle.

Un simple formulaire de contact se chargera avec les champs de base nom, email, commentaire, etc. Vous pouvez voir plus de champs sur le côté gauche et un aperçu de votre nouveau formulaire sur le côté droit de l'écran. Faites simplement glisser et déposez n'importe quel champ du côté gauche vers votre nouveau formulaire sur le côté droit.

Comme vous souhaitez ajouter un sélecteur de date, vous devez faire glisser et déposer le Date / heure champ de la colonne de gauche sur votre formulaire. Vous pouvez placer le sélecteur de date au-dessus ou au-dessous de n'importe quel champ du formulaire WordPress.

Le formulaire est entièrement flexible, ce qui signifie que vous pouvez facilement réorganiser l'ordre des champs ou personnaliser n'importe quel champ de la section de prévisualisation de votre formulaire sur le côté droit.

Une fois que vous cliquez sur n'importe quel champ de l'aperçu du formulaire, les paramètres du côté gauche s'affichent. Par exemple, si vous cliquez sur le bouton Date / heure champ que vous venez d'ajouter à votre formulaire, vous verrez alors ces paramètres à personnaliser:

  • Étiquette: C'est le titre du champ Date / Heure de votre formulaire.
  • Format: Dans cette liste déroulante, vous pouvez sélectionner un format pour la date, l'heure ou les deux.
  • La description: Il vous permet d'ajouter des instructions pour les utilisateurs sous le champ.
  • Champs obligatoires: Si vous cochez cette option, un utilisateur ne peut pas soumettre le formulaire sans sélectionner une date / heure dans ce champ.

Outre ces paramètres de base, des options avancées permettent de personnaliser la conception et le style du champ date / heure.

Peu d'options avancées incluent:

  • Taille du champ: Différentes tailles d’affichage sont disponibles pour le champ date / heure.
  • Rendez-vous amoureux: C'est un espace réservé. Le texte que vous ajouterez ici sera affiché par défaut aux utilisateurs. À côté, vous pouvez également sélectionner le format de la date.
  • Type: Vous pouvez sélectionner un type pour le sélecteur de date. Il existe deux types: le sélecteur de dates et la liste déroulante de dates
  • Temps: Ceci est un autre espace réservé pour le temps. Vous pouvez également choisir un format de 12 heures ou de 24 heures.

Il existe de nombreux autres paramètres personnalisés, tels que l'intervalle, les étiquettes de masquage, etc.

Vous devriez également consulter ce guide pour savoir comment ajouter des CSS personnalisés à votre formulaire pour obtenir des instructions plus détaillées.

Assurez-vous de cliquer sur le sauvegarder bouton pour stocker vos modifications.

Paramètres de confirmation et de notification

Une fois que vous êtes satisfait des champs, vous devez gérer les paramètres de confirmation et les notifications par courrier électronique pour votre formulaire. Visitez simplement le Paramètres »Confirmation page dans le générateur WPForms. À partir de là, vous pouvez ajouter un message personnalisé à vos utilisateurs qu'ils recevront après avoir envoyé le formulaire. Vous pouvez également modifier le type de confirmation pour rediriger les utilisateurs vers une page de remerciement.

Après cela, vous pouvez aller à la Paramètres »Notifications page pour gérer les notifications par courrier électronique pour les soumissions de formulaires. Vous pouvez également envoyer plusieurs notifications sur différentes adresses e-mail. Consultez ce guide sur la création de notifications multiples dans WPForms.

Pour les paramètres avancés, vous pouvez ajouter une logique conditionnelle dans votre formulaire pour envoyer des notifications spécifiques aux utilisateurs. Apprenez à créer des notifications de formulaire conditionnel dans les formulaires WordPress.

Enfin, vous devrez cliquer sur le bouton sauvegarder bouton pour voir votre formulaire de contact en action.

Afficher le formulaire sur votre site WordPress

Vous pouvez facilement ajouter le formulaire de contact dans vos pages WordPress, messages, barres latérales et autres zones de widgets.

Pour ajouter le formulaire sur une page, vous devez vous rendre sur Pages »Ajouter un nouveau dans WordPress Cliquez simplement sur le bouton Ajouter un formulaire au-dessus de l'éditeur de texte.

Une fenêtre apparaîtra pour vous permettre de sélectionner le formulaire que vous avez créé. Après avoir choisi le bon formulaire, cliquez sur le bouton Ajouter un formulaire bouton. Ce processus est identique pour les publications WordPress. Publiez la page / publication pour voir le formulaire de contact avec le sélecteur de date sur votre site WordPress.

Toutefois, si vous souhaitez ajouter le formulaire à votre barre latérale ou à toute autre zone widgetisée, accédez à Apparence »Widgets faire glisser et déposer le widget WPForms dans la barre latérale. Dans les paramètres du widget, vous pouvez sélectionner le formulaire que vous avez créé ci-dessus et cliquer sur le bouton sauvegarder bouton.

C'est tout. Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire WordPress avec un sélecteur de date.Vous pouvez également voir notre guide sur la façon de créer un formulaire de téléchargement de fichier dans WordPress.

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: