Voulez-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 sur le formulaire.
Dans cet article, nous allons partager comment créer un formulaire WordPress avec un sélecteur de date.
Quand et pourquoi devrais-je ajouter un sélecteur de date dans les formulaires WordPress?
De nombreux formulaires de contact comportent des champs simples tels que le nom, l’adresse e-mail, le téléphone et le message. Ces informations sont suffisantes pour se connecter avec vos utilisateurs. Cependant, si vous souhaitez prendre rendez-vous avec vos utilisateurs, vous devrez ajouter un sélecteur de date sur votre formulaire.
Si vous exploitez une boutique de commerce électronique et 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éez un formulaire WordPress avec un sélecteur de date
La première chose à faire est d’installer et d’activer le plugin WPForms. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Après l’activation, vous devrez aller à WPForms »Ajouter un nouveau page pour créer un formulaire dans WordPress. Il lancera l’écran de configuration WPForms où vous trouverez plusieurs modèles prédéfinis pour créer facilement une nouvelle forme de votre choix. Vous pouvez également sélectionner un formulaire vierge pour partir de zéro.
Pour commencer, nous choisissons le Formulaire de contact simple modèle.
Un simple formulaire de contact sera téléchargé avec le nom des champs de base, 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.
Puisque vous souhaitez ajouter un sélecteur de date, vous devrez faire glisser et déposer le Date et heure dans la colonne de gauche de votre formulaire. Vous pouvez placer le sélecteur de date au-dessus ou en 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 dans la section d’aperçu de votre formulaire sur le côté droit.
Une fois que vous avez cliqué sur un champ dans l’aperçu du formulaire, les paramètres seront affichés sur le côté gauche pour ce champ spécifique. Par exemple, si vous cliquez sur le Date et heure champ que vous venez d’ajouter à votre formulaire, vous verrez ces paramètres à personnaliser:
- Étiquette: Il s’agit du titre du champ Date / Heure de votre formulaire.
- Format: Dans ce menu déroulant, vous pouvez sélectionner un format pour la date, l’heure ou les deux.
- La description: Vous permet d’ajouter des instructions pour les utilisateurs sous le champ.
- Nécessaire: Si vous cochez cette option, un utilisateur ne peut pas soumettre le formulaire sans sélectionner une date / heure dans ce champ.
En plus de ces paramètres de base, il existe des options avancées pour personnaliser la disposition et le style du champ de date / heure.
Certaines des options avancées incluent:
- Taille du champ: Il existe différentes tailles d’écran disponibles pour le champ date / heure.
- Date: 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 2 types: sélecteur de date et menu déroulant de date
- Heure: Ceci est un autre espace réservé pour le temps. Vous devrez peut-être également choisir un format 12 ou 24 heures.
Il existe de nombreux autres paramètres personnalisés tels que l’intervalle, masquer les étiquettes, etc.
Vous devriez également consulter ce guide sur la façon d’ajouter du CSS personnalisé à votre formulaire pour 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 devrez gérer les paramètres de confirmation et les notifications par e-mail pour votre formulaire. Visitez simplement le Configuration »Confirmation page dans le générateur WPForms. À partir de là, vous pouvez ajouter un message personnalisé pour vos utilisateurs qu’ils recevront après avoir soumis 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 à Paramètres »Notifications page pour gérer les notifications par e-mail pour les soumissions de formulaires. Vous pouvez également envoyer plusieurs notifications à différentes adresses e-mail. Consultez ce guide pour savoir comment créer plusieurs notifications 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 forme conditionnelle sur les formulaires WordPress.
Enfin, vous devrez cliquer sur le Sauvegarder bouton pour voir votre formulaire de contact en action.
Affichez le formulaire sur votre site WordPress
Vous pouvez facilement ajouter le formulaire de contact sur vos pages WordPress, publications, barres latérales et autres zones de widgets.
Pour ajouter le formulaire sur une page, vous devrez aller à Pages »Ajouter nouveau dans WordPress.Cliquez simplement sur le bouton Ajouter un formulaire au-dessus de l’éditeur de texte.
Une fenêtre pop-up apparaîtra dans laquelle vous pourrez sélectionner le formulaire que vous avez créé. Après avoir choisi la bonne forme, cliquez sur le Ajouter un formulaire bouton. Ce processus est le même pour les articles WordPress. Publiez la page / l’article pour afficher le formulaire de contact avec le sélecteur de date sur votre site WordPress.
Cependant, si vous souhaitez ajouter le formulaire à votre barre latérale ou à toute autre zone avec des widgets, accédez à Apparence »Widgets faites glisser et déposez le widget WPForms sur la barre latérale. Dans les paramètres du widget, vous pouvez sélectionner le formulaire que vous avez créé précédemment et cliquer sur le Sauvegarder bouton.
C’est tout. Nous espérons que cet article vous a aidé à apprendre à créer un formulaire WordPress avec un sélecteur de date. Vous pouvez également consulter notre guide sur la création d’un formulaire de téléchargement de fichiers dans WordPress.
