Ajouter une liste déroulante de pays à votre formulaire est incroyablement facile. Le seul hic, c'est que vous devez utiliser le bon plugin pour que cela se fasse le plus facilement possible.
Bien qu'il existe plusieurs plugins WordPress qui vous permettent de créer une liste déroulante de pays, je n'ai pas encore trouvé de solution aussi simple que celle que je vais partager dans ce tutoriel.
Et le meilleur ? c'est gratuit !
Créer un formulaire avec une liste déroulante de pays 🌎
Comment ajouter une liste déroulante de pays à vos formulaires WordPress
Dans cet article
Commençons par installer le plugin dont nous avons besoin.
1. Installer le plugin WPForms
Le moyen le plus rapide d'ajouter une liste déroulante de pays dans un formulaire est d'utiliser le plugin WPForms. Cette fonctionnalité est disponible dans tous les niveaux de licence de WPForms (y compris la licence gratuite), vous avez donc toutes les options possibles.
Pour ce tutoriel, j'utiliserai WPForms Pro, qui débloque également un grand nombre de fonctionnalités utiles, y compris des thèmes de formulaires conçus de manière professionnelle.
Si vous avez besoin d'aide pour installer le plugin, lisez ce guide d' installation de WPForms.
Après avoir installé WPForms sur votre site, vous devez d'abord créer un formulaire dans lequel vous souhaitez ajouter la liste déroulante.
Pour créer un formulaire, il suffit de cliquer sur WPForms " Add New dans la barre de menu latérale de votre tableau de bord WordPress.
Ceci vous amènera à l'écran de configuration du formulaire WPForms. Ici, vous pouvez commencer par donner un nom à votre formulaire et sélectionner un modèle.
Pour garder les choses simples, je vais utiliser le modèle Simple Contact Form ici, mais vous êtes libre de choisir n'importe quel modèle parmi les 2 000+ modèles de formulaires WordPress disponibles pour les utilisateurs Pro.
À ce stade, vous vous trouvez dans le générateur de formulaires, avec le modèle que vous avez sélectionné, chargé et prêt à être déployé (ou personnalisé).
Puisque notre objectif est de créer une liste déroulante de pays pour ce formulaire, nous devrons procéder à quelques personnalisations rapides, comme je le montrerai dans l'étape suivante.
2. Ajouter une liste déroulante de pays
WPForms permet de créer facilement une liste complète de tous les pays du monde grâce à sa capacité à traiter des données en masse.
Décomposons ce processus pour que vous puissiez facilement le suivre.
Tout d'abord, vous devez ajouter le champ Dropdown à votre formulaire. Il vous suffit de faire glisser le champ depuis le volet de gauche et de le déposer dans la zone de droite pour le placer à l'intérieur de votre formulaire.
Une fois que vous avez ajouté le champ Dropdown, cliquez dessus. Les options de champ associées s'ouvrent alors dans le volet de gauche. Sous la case Étiquette, recherchez le lien Ajouter en masse et cliquez dessus.
En dessous, cliquez sur Show Presets pour ouvrir une liste de tous les préréglages des champs Dropdown dans WPForms, conçus pour vous faciliter la vie.
Cliquez sur le préréglage Pays pour charger la liste complète des pays comme choix pour votre champ déroulant.
Enfin, cliquez sur Ajouter de nouveaux choix pour confirmer la liste des pays.
C'est très bien ! Nous avons une liste déroulante de pays presque prête à l'emploi. Il reste encore 3 petits ajustements à faire.
Tout d'abord, nous allons nous débarrasser des trois choix par défaut appelés Premier choix, Deuxième choix et Troisième choix. Cliquez, un par un, sur l'icône moins à côté de ces éléments pour les supprimer.
Vous pouvez utiliser la même méthode pour supprimer certains pays de la liste si vous le souhaitez.
Ensuite, vous devez modifier l'intitulé du champ Dropdown. Supprimons la liste déroulante et remplaçons-la par Veuillez sélectionner votre pays.
Ensuite, cliquez sur l'onglet Avancé et choisissez le style Moderne au lieu du style Classique.
Le style moderne vous permet de rechercher un pays dans la liste déroulante, ce qui est très utile lorsque vous avez une longue liste de choix.
Si c'est tout ce dont vous avez besoin, vous êtes prêt à publier votre formulaire. Vous pouvez passer à l'étape 4 pour savoir comment procéder.
Si vous souhaitez personnaliser la liste, continuez à lire.
3. Personnaliser les noms de pays dans votre liste déroulante
Maintenant que vous avez ajouté tous les pays à votre liste déroulante, vous pouvez personnaliser la façon dont ils sont configurés.
Il y a deux choses que vous pouvez faire pour améliorer la liste :
Tout d'abord, modifions la façon dont le nom d'un pays est formaté. Par exemple, vous pouvez remplacer "Royaume-Uni de Grande-Bretagne et d'Irlande du Nord" par "Royaume-Uni".
Pour ce faire, il suffit de modifier le choix approprié dans la liste :
Deuxièmement, n'oubliez pas que vous pouvez faire glisser les choix de réponses vers le haut et vers le bas. Cela signifie que vous pouvez placer les choix les plus courants en haut de la liste afin qu'ils soient plus faciles à trouver.
Pour déplacer un choix dans la liste, il suffit de cliquer sur l'icône à trois lignes et de la maintenir enfoncée, puis de la faire glisser. Comme nous nous attendons à ce que la plupart de nos visiteurs se trouvent en Amérique du Nord, nous avons déplacé le Canada et les États-Unis vers le haut de la liste.
C'est parfait ! Votre liste déroulante de pays aura désormais l'aspect que vous souhaitez. Il ne nous reste plus qu'à le publier.
Cliquez sur Enregistrer avant de continuer.
4. Publier votre formulaire
Maintenant que votre liste déroulante est configurée, il est temps de publier votre formulaire. Il est très facile de créer une nouvelle page à partir du générateur de formulaires.
Pour utiliser l'assistant d'intégration, cliquez d'abord sur Intégrer en haut du générateur de formulaires.
L'assistant d'intégration vous permet de publier votre formulaire dans une nouvelle page ou de l'intégrer dans une page existante. Cliquez sur Créer une nouvelle page.
Ensuite, entrez un nom pour votre page et cliquez sur " Let's Go".
À ce stade, vous êtes prêt à publier votre formulaire. Mais avant cela, j'aimerais vous faire part d'une astuce fascinante.
Par défaut, tous les formulaires de WordPress sont simples, avec un fond blanc et des styles par défaut. Mais vous pouvez faire ressortir votre formulaire en ajoutant un thème prêt à l'emploi.
Lorsque vous êtes dans l'éditeur de blocs de WordPress, cliquez simplement sur votre formulaire intégré pour accéder aux paramètres supplémentaires.
Sur le panneau de droite, cherchez la section Thèmes et essayez les différentes options de thèmes qui sont préchargées avec WPForms Pro.
Vous pouvez également modifier manuellement différents éléments du style de votre formulaire à l'aide de commandes simples qui apparaissent également sous la section des thèmes.
Lorsque vous êtes prêt, appuyez sur Publier.
Une fois publié, n'hésitez pas à consulter votre formulaire à l'aide de la liste déroulante des pays.
Si vous avez choisi le style moderne pour la liste déroulante, vos visiteurs peuvent simplement rechercher un pays en tapant son nom.
Pour les listes très longues comme les listes déroulantes de pays, ces fonctionnalités supplémentaires sont très utiles et rendent votre liste déroulante de pays beaucoup plus facile à utiliser.
Et c'est tout ! Vous avez maintenant une liste déroulante de pays sur votre formulaire WordPress, prête à être utilisée par vos visiteurs.
Créer un formulaire avec une liste déroulante de pays 🌎
Ensuite, obtenez automatiquement la localisation de vos visiteurs
Saviez-vous que WPForms peut afficher automatiquement la position de vos visiteurs sur une carte ?
- Vous pouvez activer la géolocalisation sur tous vos formulaires en un seul clic. Consultez ce guide sur la façon de suivre les emplacements des utilisateurs avec les soumissions de formulaires WordPress pour mettre en place cette fonctionnalité.
- Nous avons également compilé une liste des meilleurs plugins de géolocalisation pour WordPress.
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut tous les champs fantaisie et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.
hy
je ne vois pas l'option bulk pourquoi ?
Bonjour,
Veuillez vous rendre dans le générateur de formulaires > Ajouter un champ d'options (Dropdown, Multiple Choice et Checkbox field) > Sous Field Options, vous verrez "Bulk Add". Voir le screencast de référence.
J'espère que cela vous aidera 🙂 .
Bonjour,
Comment ajouter un code logique conditionnel dans le modèle d'email personnalisé.
Par exemple, j'ai une catégorie classée qui a 5 sous-catégories comment les ajouter dans le modèle d'email.
Je vous remercie,
Bonjour Noor - Pour réaliser ce que vous avez mentionné ici, vous pouvez configurer les notifications conditionnelles.
J'espère que cela vous aidera 🙂 .
Comment afficher la boîte de recherche dans la liste déroulante si le nombre de choix est inférieur à huit ?
Bonjour Ankit ! Je vous prie de m'excuser, je ne suis pas sûr d'avoir bien compris votre question.
Il semble que vous souhaitiez activer la barre de recherche pour vos champs déroulants, ce qui se fait en changeant le style de votre champ déroulant en moderne.
Vous trouverez plus d'informations à ce sujet dans cet article.
J'espère que cela vous aidera à clarifier la situation 🙂 Si vous avez d'autres questions à ce sujet, n'hésitez pas à nous contacter si vous avez un abonnement actif. Si ce n'est pas le cas, n'hésitez pas à nous poser des questions dans nos forums de support.
Bonjour Henry ! Je vous pose une question sur le champ déroulant. Le champ de recherche apparaît après l'ajout d'un minimum de 8 options dans la liste déroulante, ma question est donc de savoir comment il apparaîtra si nous avons moins de 8 options. Pour plus de clarté, j'ai joint une capture d'écran de wpforms.
https://prnt.sc/1ubkp8b
Bonjour Ankit ! Merci d'avoir clarifié ce que vous cherchez à faire. Malheureusement, nous n'avons pas d'option pour forcer la barre de recherche du champ Dropdown de style moderne lorsque moins de 8 options sont disponibles.
Cela devrait être possible avec un code personnalisé, mais je m'excuse car nous ne sommes pas en mesure de fournir une assistance pour ce degré de personnalisation.
Si vous souhaitez envisager des options de développement personnalisé, nous vous recommandons vivement d'utiliser Codeable. Codeable sélectionne tous les développeurs pour vous afin de s'assurer qu'ils sont hautement qualifiés et communicatifs, et vous aide ensuite à guider l'ensemble du processus de mise en relation et de communication avec le développeur le mieux adapté.
Voici notre tutoriel sur l'utilisation de Codeable, qui fournit plus de détails sur le fonctionnement de ce processus.
Ou si vous souhaitez une équipe vers laquelle vous pouvez revenir (à plus long terme) pour une aide au développement personnalisé, vous pouvez également envisager de jeter un œil à WPBuffs.
Je m'excuse de ne pas pouvoir vous fournir la solution que vous recherchez, mais j'espère que ces informations vous ont été utiles.
Si vous avez d'autres questions à ce sujet, veuillez nous contacter si vous avez un abonnement actif. Si ce n'est pas le cas, n'hésitez pas à nous poser des questions dans nos forums d'assistance.
Peut-on avoir un menu déroulant avec la liste des pays du monde, la géolocalisation pour sélectionner automatiquement la bonne option dans le menu déroulant ET si ce pays a des états, afficher les états de ce pays ?
Par exemple, si je me trouve aux Etats-Unis, la liste déroulante s'affichera automatiquement et montrera tous les états des Etats-Unis parmi lesquels vous pourrez choisir. Et si je me trouve en Afrique du Sud, toutes les provinces de l'Afrique du Sud seront affichées ?
Bonjour Liza,
Actuellement, nous ne disposons pas d'une fonction native permettant de détecter la localisation et d'afficher le plan d'adressage américain/international correspondant. Je suis d'accord pour dire que ce serait très utile. J'ai pris note de cette demande de fonctionnalité et nous la garderons à l'esprit lorsque nous planifierons notre feuille de route pour l'avenir.
Merci !
Bonjour,
Je voulais savoir si cela avait été intégré dans l'incroyable wpforms car maintenant, je le cherche. J'en ai vraiment besoin.
Remerciements
Hey Jude,
Cette demande est encore en cours d'examen. J'ai ajouté votre vote pour que cette fonctionnalité soit considérée comme une amélioration.
Merci de votre attention !
J'essaie d'utiliser le dropdown de wpforms, mais le navigateur réinitialise en quelque sorte le style.
Bonjour Obed, nous sommes désolés pour ce problème. Lorsque cela se produit, il est possible que les styles du thème soient remplacés par les champs déroulants. Ce problème peut être facilement résolu à l'aide d'un CSS personnalisé. Cependant, nous aurions besoin de plus de détails à ce sujet.
En attendant, vous pouvez essayer de changer le style du formulaire pour Base et si vous utilisez déjà Base, essayez de passer à Base et au style du formulaire. Voici un excellent guide qui pourrait vous aider dans cette démarche.
Au cas où cela ne fonctionnerait pas, nous aurons besoin de quelques détails supplémentaires afin d'être conseillés sur ce point.
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support limité et gratuit sur le forum WPForms Lite WordPress.org.
Merci.
Le Royaume-Uni, la Grande-Bretagne, etc. ne sont pas des pays. Pourquoi très peu de listes déroulantes incluent-elles le Pays de Galles, l'Angleterre et l'Écosse ?
Hey Derek- Désolé d'entendre parler de ce problème ! J'ai pris note de vos commentaires !
En attendant, si cela peut vous aider, vous pouvez ajouter manuellement ces pays à la liste après l'ajout en masse des pays.
Merci et bonne journée !
Lorsque je sélectionne une option dans la liste déroulante, l'étiquette de sélection s'affiche sous la liste déroulante et dans la liste déroulante.
Est-il possible de supprimer l'affichage de l'étiquette sous la liste déroulante ? Cela semble inutile et ce n'est pas un comportement courant pour les listes déroulantes.
Hey Josh, cela semble être un conflit de thème ou de plugin de style. Pourriez-vous nous contacter avec des détails supplémentaires et l'URL du formulaire afin que nous puissions vous aider davantage dans ce cas ?
Merci 🙂 .
Bonjour, sera-t-il possible d'ajouter une liste de pays mais à partir d'une liste externe ?
Ce n'est pas une option manuelle...
En effet, si nous avons plusieurs formulaires avec des listes de pays et que nous souhaitons modifier la liste, la modification sera automatiquement affichée dans tous les formulaires.
Merci !
Bonjour,
Nous ne disposons pas actuellement d'une fonction intégrée permettant de réaliser ce que vous avez mentionné. Nous pouvons envisager cette fonctionnalité dans le cadre d'améliorations futures. Cependant, actuellement, la seule option serait d'ajouter les choix en vrac manuellement.
Comment ajouter uniquement un pays et utiliser la géolocalisation automatique ? Merci de votre compréhension.
Bonjour John,
Actuellement, nous ne disposons pas d'un champ spécifique au pays qui peut être pré-rempli en fonction de la localisation détectée à l'aide du module complémentaire de géolocalisation. J'ai ajouté votre vote pour que cela soit considéré comme une demande de fonctionnalité.
Merci !
Existe-t-il un moyen d'afficher le nom du pays + l'icône du drapeau ?
Hey Christian - Nous n'avons actuellement pas la possibilité d'ajouter des icônes au champ de la liste déroulante lors de l'utilisation du préréglage Pays. Je suis d'accord pour dire qu'il s'agirait d'une fonctionnalité intéressante, et je vais l'ajouter à notre outil de suivi des demandes de fonctionnalités. Cela dit, si j'ai oublié quelque chose d'évident, n'hésitez pas à nous contacter en soumettant un ticket d'assistance.
Bonjour, mon menu déroulant de recherche de pays est bloqué sur l'affichage classique, bien que j'aie sélectionné l'affichage moderne. Le premier emplacement semble correct, mais plus loin, les paramètres changent ?
Je suppose qu'il s'agit d'un conflit de thème.
Avez-vous une idée pour rendre les champs consultables ?
Bonjour Nathan - Lorsque vous en aurez l'occasion, envoyez-nous un message avec plus de détails sur le problème dans le support afin que nous puissions vous aider davantage.
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support.
Sinon, nous fournissons une assistance gratuite limitée dans le forum d'assistance WPForms Lite WordPress.org.
Merci 🙂 .