{"id":54147,"date":"2020-08-21T15:06:53","date_gmt":"2020-08-21T15:06:53","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/"},"modified":"2020-08-21T15:06:53","modified_gmt":"2020-08-21T15:06:53","slug":"comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/","title":{"rendered":"Comment cr\u00e9er un formulaire WordPress avec un s\u00e9lecteur de date"},"content":{"rendered":"<p>Voulez-vous ajouter un s\u00e9lecteur de date \u00e0 votre formulaire de contact?  Un s\u00e9lecteur de date est requis lorsque vous souhaitez que vos utilisateurs s\u00e9lectionnent une date et une heure sur le formulaire. <\/p>\n<p>Dans cet article, nous allons partager comment cr\u00e9er un formulaire WordPress avec un s\u00e9lecteur de date.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Quand_et_pourquoi_devrais-je_ajouter_un_selecteur_de_date_dans_les_formulaires_WordPress\"><\/span>Quand et pourquoi devrais-je ajouter un s\u00e9lecteur de date dans les formulaires WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>De nombreux formulaires de contact comportent des champs simples tels que le nom, l&#8217;adresse e-mail, le t\u00e9l\u00e9phone 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\u00e9lecteur de date sur votre formulaire.<\/p>\n<p>Si vous exploitez une boutique de commerce \u00e9lectronique et souhaitez que les clients ajoutent leur date de disponibilit\u00e9 pour la livraison, vous pouvez ajouter un champ de date et d&#8217;heure sur le formulaire de contact ou de commande.<\/p>\n<p>Il existe de nombreuses autres raisons pour lesquelles vous devriez demander \u00e0 vos utilisateurs de fournir la date et l&#8217;heure avec leurs informations de base.  Voyons comment cr\u00e9er facilement un formulaire WordPress avec un s\u00e9lecteur de date.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Creez_un_formulaire_WordPress_avec_un_selecteur_de_date\"><\/span>Cr\u00e9ez un formulaire WordPress avec un s\u00e9lecteur de date<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La premi\u00e8re chose \u00e0 faire est d&#8217;installer et d&#8217;activer le plugin WPForms.  Pour plus de d\u00e9tails, consultez notre guide \u00e9tape par \u00e9tape sur la fa\u00e7on d&#8217;installer un plugin WordPress.<\/p>\n<p>Apr\u00e8s l&#8217;activation, vous devrez aller \u00e0 <strong>WPForms \u00bbAjouter un nouveau<\/strong> page pour cr\u00e9er un formulaire dans WordPress.  Il lancera l&#8217;\u00e9cran de configuration WPForms o\u00f9 vous trouverez plusieurs mod\u00e8les pr\u00e9d\u00e9finis pour cr\u00e9er facilement une nouvelle forme de votre choix.  Vous pouvez \u00e9galement s\u00e9lectionner un formulaire vierge pour partir de z\u00e9ro.<\/p>\n<p>Pour commencer, nous choisissons le <strong>Formulaire de contact simple<\/strong> mod\u00e8le.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Cr\u00e9er un nouveau formulaire\" width=\"775\" height=\"378\" class=\"alignnone size-full wp-image-221326\"><\/p>\n<p>Un simple formulaire de contact sera t\u00e9l\u00e9charg\u00e9 avec le nom des champs de base, email, commentaire, etc.  Vous pouvez voir plus de champs sur le c\u00f4t\u00e9 gauche et un aper\u00e7u de votre nouveau formulaire sur le c\u00f4t\u00e9 droit de l&#8217;\u00e9cran.  Faites simplement glisser et d\u00e9posez n&#8217;importe quel champ du c\u00f4t\u00e9 gauche vers votre nouveau formulaire sur le c\u00f4t\u00e9 droit.<\/p>\n<p>Puisque vous souhaitez ajouter un s\u00e9lecteur de date, vous devrez faire glisser et d\u00e9poser le <strong>Date et heure<\/strong> dans la colonne de gauche de votre formulaire.  Vous pouvez placer le s\u00e9lecteur de date au-dessus ou en dessous de n&#8217;importe quel champ du formulaire WordPress.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603592_533_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Faites glisser et d\u00e9posez le champ de s\u00e9lection de la date\" width=\"775\" height=\"383\" class=\"alignnone size-full wp-image-221327\"><\/p>\n<p>Le formulaire est enti\u00e8rement flexible, ce qui signifie que vous pouvez facilement r\u00e9organiser l&#8217;ordre des champs ou personnaliser n&#8217;importe quel champ dans la section d&#8217;aper\u00e7u de votre formulaire sur le c\u00f4t\u00e9 droit.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603592_756_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Modifier l'ordre des champs\" width=\"775\" height=\"345\" class=\"alignnone size-full wp-image-221328\"><\/p>\n<p>Une fois que vous avez cliqu\u00e9 sur un champ dans l&#8217;aper\u00e7u du formulaire, les param\u00e8tres seront affich\u00e9s sur le c\u00f4t\u00e9 gauche pour ce champ sp\u00e9cifique.  Par exemple, si vous cliquez sur le <strong>Date et heure<\/strong> champ que vous venez d&#8217;ajouter \u00e0 votre formulaire, vous verrez ces param\u00e8tres \u00e0 personnaliser:<\/p>\n<ul>\n<li>\n<strong>\u00c9tiquette:<\/strong> Il s&#8217;agit du titre du champ Date \/ Heure de votre formulaire.<\/li>\n<li>\n<strong>Format:<\/strong> Dans ce menu d\u00e9roulant, vous pouvez s\u00e9lectionner un format pour la date, l&#8217;heure ou les deux.<\/li>\n<li>\n<strong>La description:<\/strong> Vous permet d&#8217;ajouter des instructions pour les utilisateurs sous le champ.<\/li>\n<li>\n<strong>N\u00e9cessaire:<\/strong> Si vous cochez cette option, un utilisateur ne peut pas soumettre le formulaire sans s\u00e9lectionner une date \/ heure dans ce champ.<\/li>\n<\/ul>\n<p>En plus de ces param\u00e8tres de base, il existe des options avanc\u00e9es pour personnaliser la disposition et le style du champ de date \/ heure.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603593_717_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Param\u00e8tres du champ de formulaire\" width=\"775\" height=\"406\" class=\"alignnone size-full wp-image-221334\"><\/p>\n<p>Certaines des options avanc\u00e9es incluent:<\/p>\n<ul>\n<li>\n<strong>Taille du champ:<\/strong> Il existe diff\u00e9rentes tailles d&#8217;\u00e9cran disponibles pour le champ date \/ heure.<\/li>\n<li>\n<strong>Date:<\/strong> C&#8217;est un espace r\u00e9serv\u00e9.  Le texte que vous ajouterez ici sera affich\u00e9 par d\u00e9faut aux utilisateurs.  \u00c0 c\u00f4t\u00e9, vous pouvez \u00e9galement s\u00e9lectionner le format de la date.<\/li>\n<li>\n<strong>Type:<\/strong> Vous pouvez s\u00e9lectionner un type pour le s\u00e9lecteur de date.  Il existe 2 types: s\u00e9lecteur de date et menu d\u00e9roulant de date<\/li>\n<li>\n<strong>Heure:<\/strong> Ceci est un autre espace r\u00e9serv\u00e9 pour le temps.  Vous devrez peut-\u00eatre \u00e9galement choisir un format 12 ou 24 heures.<\/li>\n<\/ul>\n<p>Il existe de nombreux autres param\u00e8tres personnalis\u00e9s tels que l&#8217;intervalle, masquer les \u00e9tiquettes, etc. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603593_378_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Options avanc\u00e9es\" width=\"775\" height=\"418\" class=\"alignnone size-full wp-image-221337\"><\/p>\n<p>Vous devriez \u00e9galement consulter ce guide sur la fa\u00e7on d&#8217;ajouter du CSS personnalis\u00e9 \u00e0 votre formulaire pour des instructions plus d\u00e9taill\u00e9es.<\/p>\n<p>Assurez-vous de cliquer sur le <strong>Sauvegarder<\/strong> bouton pour stocker vos modifications.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Parametres_de_confirmation_et_de_notification\"><\/span>Param\u00e8tres de confirmation et de notification<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Une fois que vous \u00eates satisfait des champs, vous devrez g\u00e9rer les param\u00e8tres de confirmation et les notifications par e-mail pour votre formulaire.  Visitez simplement le <strong>Configuration \u00bbConfirmation<\/strong> page dans le g\u00e9n\u00e9rateur WPForms.  \u00c0 partir de l\u00e0, vous pouvez ajouter un message personnalis\u00e9 pour vos utilisateurs qu&#8217;ils recevront apr\u00e8s avoir soumis le formulaire.  Vous pouvez \u00e9galement modifier le type de confirmation pour rediriger les utilisateurs vers une page de remerciement.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603593_604_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Param\u00e8tres de confirmation de formulaire\" width=\"775\" height=\"333\" class=\"alignnone size-full wp-image-221339\"><\/p>\n<p>Apr\u00e8s cela, vous pouvez aller \u00e0 <strong>Param\u00e8tres \u00bbNotifications<\/strong> page pour g\u00e9rer les notifications par e-mail pour les soumissions de formulaires.  Vous pouvez \u00e9galement envoyer plusieurs notifications \u00e0 diff\u00e9rentes adresses e-mail.  Consultez ce guide pour savoir comment cr\u00e9er plusieurs notifications dans WPForms.<\/p>\n<p>Pour les param\u00e8tres avanc\u00e9s, vous pouvez ajouter une logique conditionnelle dans votre formulaire pour envoyer des notifications sp\u00e9cifiques aux utilisateurs.  Apprenez \u00e0 cr\u00e9er des notifications de forme conditionnelle sur les formulaires WordPress.<\/p>\n<p>Enfin, vous devrez cliquer sur le <strong>Sauvegarder<\/strong> bouton pour voir votre formulaire de contact en action.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Affichez_le_formulaire_sur_votre_site_WordPress\"><\/span>Affichez le formulaire sur votre site WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez facilement ajouter le formulaire de contact sur vos pages WordPress, publications, barres lat\u00e9rales et autres zones de widgets.<\/p>\n<p>Pour ajouter le formulaire sur une page, vous devrez aller \u00e0 <strong>Pages \u00bbAjouter nouveau<\/strong> dans WordPress.Cliquez simplement sur le bouton Ajouter un formulaire au-dessus de l&#8217;\u00e9diteur de texte.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603593_711_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Ajouter un formulaire sur la page\" width=\"775\" height=\"426\" class=\"alignnone size-full wp-image-221340\"><\/p>\n<p>Une fen\u00eatre pop-up appara\u00eetra dans laquelle vous pourrez s\u00e9lectionner le formulaire que vous avez cr\u00e9\u00e9.  Apr\u00e8s avoir choisi la bonne forme, cliquez sur le <strong>Ajouter un formulaire<\/strong> bouton.  Ce processus est le m\u00eame pour les articles WordPress.  Publiez la page \/ l&#8217;article pour afficher le formulaire de contact avec le s\u00e9lecteur de date sur votre site WordPress.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/04\/1586603593_553_Como-crear-un-formulario-de-WordPress-con-un-selector-de.jpg\" alt=\"Formulaire WordPress avec s\u00e9lecteur de date\" width=\"775\" height=\"522\" class=\"alignnone size-full wp-image-221341\"><\/p>\n<p>Cependant, si vous souhaitez ajouter le formulaire \u00e0 votre barre lat\u00e9rale ou \u00e0 toute autre zone avec des widgets, acc\u00e9dez \u00e0 <strong>Apparence \u00bbWidgets<\/strong> faites glisser et d\u00e9posez le widget WPForms sur la barre lat\u00e9rale.  Dans les param\u00e8tres du widget, vous pouvez s\u00e9lectionner le formulaire que vous avez cr\u00e9\u00e9 pr\u00e9c\u00e9demment et cliquer sur le <strong>Sauvegarder<\/strong> bouton.<\/p>\n<p>C&#8217;est tout.  Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 cr\u00e9er un formulaire WordPress avec un s\u00e9lecteur de date.  Vous pouvez \u00e9galement consulter notre guide sur la cr\u00e9ation d&#8217;un formulaire de t\u00e9l\u00e9chargement de fichiers dans WordPress.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/#Quand_et_pourquoi_devrais-je_ajouter_un_selecteur_de_date_dans_les_formulaires_WordPress\" >Quand et pourquoi devrais-je ajouter un s\u00e9lecteur de date dans les formulaires WordPress?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/#Creez_un_formulaire_WordPress_avec_un_selecteur_de_date\" >Cr\u00e9ez un formulaire WordPress avec un s\u00e9lecteur de date<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/#Parametres_de_confirmation_et_de_notification\" >Param\u00e8tres de confirmation et de notification<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-creer-un-formulaire-wordpress-avec-un-selecteur-de-date\/#Affichez_le_formulaire_sur_votre_site_WordPress\" >Affichez le formulaire sur votre site WordPress<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voulez-vous ajouter un s\u00e9lecteur de date \u00e0 votre formulaire de contact? Un s\u00e9lecteur de date est requis lorsque vous souhaitez que vos utilisateurs s\u00e9lectionnent une date et une heure sur le formulaire. Dans cet article, nous allons partager comment cr\u00e9er un formulaire WordPress avec un s\u00e9lecteur de date. Quand et pourquoi devrais-je ajouter un s\u00e9lecteur [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54148,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-54147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/54147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=54147"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/54147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/54148"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=54147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=54147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=54147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}