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.
Les sélecteurs de pays sont essentiels pour les informations relatives à l'expédition, les données d'enquête et les enregistrements d'utilisateurs. Ils donnent à vos formulaires un aspect soigné et améliorent l'expérience des utilisateurs.
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 WPForms. Et le plus beau, c'est qu'il est gratuit ! Il est gratuit !
Dans ce guide, je vais vous expliquer exactement comment j'ai configuré les listes déroulantes de pays dans WPForms, et je vais partager avec vous quelques astuces que la plupart des gens ne connaissent pas.
Créer un formulaire avec une liste déroulante de pays 🌎
Comment ajouter une liste déroulante de pays à vos formulaires WordPress
Certains sites utilisent encore de longs champs de texte dans lesquels les utilisateurs doivent taper "United States" ou "UK", ce qui crée des incohérences dans les données et des frictions pour l'utilisateur.
D'autres utilisent des listes déroulantes obsolètes qui ne contiennent pas les pays les plus récents ou qui utilisent d'anciens noms de pays. Une liste déroulante de pays bien conçue remplit trois fonctions importantes :
- uniformise votre collecte de données (plus d'entrées "USA" ou "États-Unis" ou "Amérique").
- Améliore le taux de remplissage des formulaires car les utilisateurs peuvent rapidement trouver leur pays.
- Il s'agit d'une preuve de professionnalisme qui permet d'établir une relation de confiance avec votre public.
C'est là que WPForms s'avère utile. Notre liste déroulante de pays reste mise à jour automatiquement, se charge rapidement et fonctionne parfaitement sur les appareils mobiles. Laissez-moi vous montrer exactement comment l'installer.
Étape 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, cliquez simplement sur WPForms " Add New dans la barre de menu latérale de votre tableau de bord WordPress. Cela 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.
Étape 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 suffit de faire glisser le champ depuis le volet de gauche et de le déposer dans la zone de droite pour le placer dans 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.
Étape 3 : Personnaliser les noms de pays dans votre liste déroulante
Maintenant que vous avez ajouté la liste déroulante des pays à votre formulaire, faisons en sorte qu'elle fonctionne mieux pour votre audience spécifique. WPForms vous donne un contrôle total sur les pays qui apparaissent et sur la façon dont ils sont organisés.
Cliquez sur le champ déroulant de votre pays pour ouvrir les options de champ sur la gauche. Vous verrez une liste de tous les pays dans la section Choix. C'est ici que la véritable magie de la personnalisation opère.
Modification des noms de pays
Tout d'abord, il est possible que vous souhaitiez nettoyer certains des noms de pays les plus longs afin d'améliorer l'expérience de l'utilisateur. Par exemple, la liste par défaut affiche "Royaume-Uni de Grande-Bretagne et d'Irlande du Nord".
C'est techniquement correct, mais c'est inutilement long. Il suffit de cliquer sur ce choix et de le modifier en "Royaume-Uni" ou même "UK" si vous préférez.
Je le fais régulièrement avec des pays comme "États-Unis d'Amérique" (remplacer par "États-Unis"), "Fédération de Russie" (remplacer par "Russie") ou "République démocratique du Congo" (remplacer par "Congo (RDC)").
Réorganiser les pays par ordre de priorité
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.
Étape 4 : Publier votre formulaire en quelques secondes
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.
Saisissez ensuite 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.
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, cliquez sur Publier.
Une fois publié, n'hésitez pas à vérifier 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.
FAQs sur Comment ajouter une liste déroulante de pays à WPForms
Apprendre à ajouter une liste déroulante de pays à WPForms est un sujet d'intérêt populaire parmi nos lecteurs. Voici les réponses à quelques questions courantes à ce sujet :
Comment ajouter une liste de pays dans Google Forms ?
Google Forms n'a pas de liste déroulante intégrée pour les pays comme WPForms. Vous devez créer manuellement une question à choix multiples et saisir vous-même le nom de chaque pays - tous les 195.
Vous devez alors maintenir cette liste à jour à chaque changement de pays. WPForms vous épargne des heures de travail grâce à sa liste déroulante automatique de pays qui reste à jour sans aucun effort de votre part.
Puis-je utiliser une liste déroulante de pays avec Contact Form 7 ?
Contact Form 7 n'inclut pas de champ déroulant pour le pays d'origine. Vous devez installer un plugin séparé ou coder manuellement la liste déroulante à l'aide de balises HTML.
Même dans ce cas, vous devriez maintenir la liste des pays vous-même. WPForms inclut cette fonctionnalité dès le départ, ce qui la rend beaucoup plus facile à mettre en œuvre et à maintenir.
Comment ajouter les codes pays des numéros de téléphone à mon formulaire ?
WPForms offre un champ téléphone séparé qui peut fonctionner avec votre liste déroulante de pays. Alors que la liste déroulante des pays gère la sélection de l'emplacement, le champ téléphone comprend un formatage intégré pour les différents pays.
Pour les configurations avancées où la sélection du pays met automatiquement à jour le format du téléphone, vous aurez besoin de WPForms Pro avec une logique conditionnelle.
Pourquoi le menu déroulant de mon pays n'affiche-t-il pas tous les pays ?
Cela se produit généralement lorsque vous avez accidentellement supprimé des pays de la liste ou s'il y a un conflit de plugin. Dans WPForms, retournez dans l'éditeur de votre formulaire, cliquez sur le champ déroulant du pays, et vérifiez la section Choices.
Vous pouvez ajouter à nouveau les pays manquants manuellement ou supprimer le champ et ajouter une nouvelle liste déroulante de pays pour rétablir la liste complète.
Puis-je placer certains pays en tête de la liste déroulante ?
Absolument ! C'est l'une de mes fonctionnalités WPForms préférées. Dans l'éditeur de formulaire, cliquez sur le champ déroulant de votre pays, puis dans la section Choix, glissez et déposez les pays en utilisant l'icône à trois lignes.
Je place toujours les pays les plus courants pour mon public en tête de liste - par exemple, je place les États-Unis et le Canada en tête de liste si la plupart de mes visiteurs sont nord-américains.
Comment supprimer de la liste déroulante les pays dont je n'ai pas besoin ?
Dans votre éditeur WPForms, sélectionnez le champ déroulant "Pays" et regardez la section " Choix" sur la gauche. Cliquez sur le X rouge à côté du pays que vous souhaitez supprimer. Cette option est utile si vous ne servez que certaines régions ou si vous souhaitez raccourcir la liste pour améliorer l'expérience utilisateur.
La liste déroulante des pays fonctionne-t-elle sur les appareils mobiles ?
Oui, les dropdowns pays de WPForms sont entièrement compatibles avec les mobiles. Ils s'adaptent automatiquement aux interfaces tactiles et fonctionnent parfaitement sur les smartphones et les tablettes. La liste déroulante s'ouvre comme un sélecteur mobile natif, ce qui permet aux utilisateurs de faire défiler et de sélectionner facilement leur pays.
Puis-je personnaliser les noms de pays dans la liste déroulante ?
Oui, vous pouvez modifier le nom de n'importe quel pays dans WPForms. Il suffit de cliquer sur le champ déroulant du pays, de trouver le pays dans la section Choix, et de modifier le texte.
Pour une meilleure lisibilité, je raccourcis souvent les noms longs comme "Royaume-Uni de Grande-Bretagne et d'Irlande du Nord" en "Royaume-Uni".
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.
Créer un formulaire avec une liste déroulante de pays 🌎
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 de nombreux modèles gratuits 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 🙂 .