{"id":24954,"date":"2021-05-28T19:01:00","date_gmt":"2021-05-28T16:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24954"},"modified":"2021-10-18T02:12:57","modified_gmt":"2021-10-17T23:12:57","slug":"comment-ajouter-une-liste-de-pays-dans-le-formulaire-de-contact-7-plugin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-liste-de-pays-dans-le-formulaire-de-contact-7-plugin\/","title":{"rendered":"Comment ajouter une liste de pays dans le formulaire de contact 7 Plugin"},"content":{"rendered":"

Le formulaire de contact 7 est sans aucun doute l’un des plugins les plus populaires du r\u00e9f\u00e9rentiel WordPress. Au moment de la r\u00e9daction de cet article, ce plugin a franchi plus de 5 millions d’installations actives. L’une des raisons de cette immense popularit\u00e9 est le module compl\u00e9mentaire de plugins. L’auteur de ce plugin a d\u00e9velopp\u00e9 plusieurs modules compl\u00e9mentaires pris en charge pour le plugin Contact Form 7. En utilisant ces modules compl\u00e9mentaires, on peut facilement ajouter de nouvelles fonctionnalit\u00e9s au formulaire de contact existant.<\/p>\n

Supposons que vous souhaitiez ajouter un champ Pays dans votre formulaire de contact. Il y a environ 200 pays dans le monde et ajouter ces pays de mani\u00e8re statique n’est pas une t\u00e2che facile.<\/p>\n

Pour r\u00e9soudre ce probl\u00e8me, l’auteur du plugin Contact Form 7 a cr\u00e9\u00e9 un plugin Listo<\/a>. En utilisant le plugin Listo, vous pouvez ajouter le champ Pays \u00e0 votre formulaire de contact en quelques minutes.<\/p>\n

Cela dit, voyons comment ajouter une liste de pays dans le plugin Contact Form 7.<\/p>\n

Pourquoi avoir besoin du plugin Listo ?<\/h3>\n

Parfois, les propri\u00e9taires de sites Web souhaitent obtenir l’emplacement d’un utilisateur ainsi que d’autres d\u00e9tails \u00e0 partir d’un formulaire de contact. Pour obtenir l’emplacement d’un utilisateur, votre formulaire de contact doit avoir un champ Pays. Ce champ sera une liste d\u00e9roulante \u00e0 partir de laquelle les utilisateurs pourront choisir leur pays.<\/p>\n

Par d\u00e9faut, le plugin Contact Form 7 fournit une select<\/code>balise de formulaire pour ajouter les options. Mais cette select<\/code>balise est bien lorsque vous avez des options limit\u00e9es. Lorsqu’il s’agit d’ajouter une liste de pays, on ne peut pas utiliser cette option facilement en raison d’une longue liste.<\/p>\n

Le plugin Listo rend cette t\u00e2che super facile. Ajoutez simplement une d\u00e9claration et vous avez termin\u00e9.<\/p>\n

Ajouter une liste de pays au formulaire de contact 7 Plugin<\/h3>\n

Installez et activez le plugin Listo<\/a>. Ce plugin n’a pas de page de configuration s\u00e9par\u00e9e. Il suffit de le brancher et vous pouvez utiliser ses fonctionnalit\u00e9s.<\/p>\n

Ensuite, pour ins\u00e9rer une liste de pays, vous devez ajouter des attributs pour select<\/code>form-tag. Rendez-vous sur l’\u00e9cran d’\u00e9dition de votre formulaire de contact et ajoutez la select<\/code>balise comme suit.<\/p>\n

[select your-country data:countries]<\/code><\/pre>\n
Ici data:countries<\/code>fait la magie. Il remplit une liste de pays dans votre liste d\u00e9roulante. V\u00e9rifiez maintenant votre formulaire de contact. Il devrait avoir la liste d\u00e9roulante du pays.<\/p>\n<\/p>\n
Comment d\u00e9finir le pays par d\u00e9faut<\/h3>\n
Supposons que vous souhaitiez conserver un pays sp\u00e9cifique s\u00e9lectionn\u00e9 par d\u00e9faut. Dans ce cas, vous devez ajouter un code jQuery \u00e0 votre fichier JS. Tout d’abord, obtenez la valeur d’option d’un pays que vous devez d\u00e9finir par d\u00e9faut. Un utilisateur peut prendre cette valeur en inspectant la liste d\u00e9roulante et la copier \u00e0 partir de la valeur de l’option.<\/p>\n
\"Comment<\/a><\/p>\n
Ensuite, en utilisant la classe ‘wpcf7-select’, on peut d\u00e9finir le pays par d\u00e9faut s\u00e9lectionn\u00e9 dans le formulaire de contact. Ajoutez le code ci-dessous dans votre fichier JS.<\/p>\n
jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('.wpcf7-select').val(\"India\"); \/\/ here we set India as a default country\n});<\/code><\/pre>\n
C’est \u00e7a! Maintenant, si vous v\u00e9rifiez votre formulaire de contact, vous devriez voir \u00ab\u00a0Inde\u00a0\u00bb comme pays s\u00e9lectionn\u00e9 par d\u00e9faut dans la liste d\u00e9roulante des pays.<\/p>\n
Articles Li\u00e9s<\/h3>\n