Résumé IA
Ajouter une liste déroulante de pays à votre formulaire est incroyablement facile. Le seul hic est que vous devez utiliser le bon plugin pour que cela soit aussi simple que possible.
Les sélecteurs de pays sont essentiels pour les informations d’expédition, les données d’enquête et les inscriptions d’utilisateurs. Ils donnent à vos formulaires un aspect soigné et améliorent l’expérience utilisateur.
Bien qu'il existe divers plugins WordPress qui vous permettent de créer une liste déroulante de pays, je n’ai vraiment pas trouvé de solution aussi simple que WPForms. Et le meilleur ? C’est gratuit !
Dans ce guide, je vais vous expliquer exactement comment j'ai configuré des listes déroulantes de pays dans WPForms, et je partagerai quelques astuces d'initiés que la plupart des gens manquent.
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 où les gens doivent taper « États-Unis » ou « Royaume-Uni » – ce qui crée des incohérences de données et de la friction pour l'utilisateur.
D'autres utilisent des listes déroulantes obsolètes qui manquent de nouveaux pays ou utilisent d'anciens noms de pays. Une liste déroulante de pays bien conçue fait trois choses importantes :
- Standardise la collecte de vos données (plus de saisies « USA » vs « États-Unis » vs « Amérique »).
- Améliore les taux de complétion des formulaires car les utilisateurs peuvent trouver rapidement leur pays.
- Démontre un professionnalisme qui renforce la confiance de votre public.
C'est là que WPForms s'avère utile. Notre liste déroulante de pays reste automatiquement à jour, se charge rapidement et fonctionne parfaitement sur les appareils mobiles. Laissez-moi vous montrer exactement comment la configurer.
Étape 1 : Installer le plugin WPForms
La façon la 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 WPForms (y compris la version gratuite), vous avez donc le choix.
Il est livré avec des préréglages de pays intégrés qui chargent les plus de 195 pays en un clic, plus 2 100+ modèles de formulaires pour différents cas d'utilisation.
Pour ce tutoriel, j'utiliserai WPForms Pro, qui débloque également un tas de fonctionnalités utiles, y compris des thèmes de formulaires conçus par des professionnels.
Si vous avez besoin d'aide pour installer le plugin, lisez ce guide facile sur l'installation de WPForms. Après avoir installé WPForms sur votre site, vous devez d'abord créer un formulaire où vous souhaitez ajouter la liste déroulante.
Pour créer un formulaire, cliquez simplement sur WPForms » Ajouter un nouveau dans la barre de menu latérale de votre tableau de bord WordPress. Cela vous mè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 simplifier les choses, je vais juste choisir le modèle Formulaire de contact simple ici, mais vous êtes libre d'en choisir un parmi les plus de 2 100 modèles de formulaires WordPress disponibles pour les utilisateurs Pro.
À ce stade, vous vous retrouverez dans le constructeur de formulaires avec votre modèle sélectionné, prêt à être déployé (ou personnalisé davantage).
Puisque notre objectif est de créer une liste déroulante de pays pour ce formulaire, nous devrons apporter quelques personnalisations rapides comme je vous le montrerai à l'étape suivante.
Étape 2 : Ajouter une liste déroulante de pays
WPForms facilite la création d'une liste complète de tous les pays du monde grâce à sa capacité à gérer les données en masse.
Tout d'abord, ajoutez le champ Liste déroulante à votre formulaire. Faites glisser le champ depuis le volet de gauche et déposez-le sur votre formulaire à droite.
Une fois que vous avez ajouté le champ Liste déroulante, cliquez dessus. Cela ouvrira les Options du champ dans le volet de gauche. Sous la zone Libellé, recherchez le lien Ajout en masse et cliquez dessus.
En dessous, cliquez sur Afficher les préréglages pour ouvrir une liste de tous les préréglages de champ Liste déroulante 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 Liste déroulante.
Et enfin, cliquez sur Ajouter de nouveaux choix pour confirmer la liste des pays.
Génial ! Nous avons une liste déroulante de pays presque prête. Il reste 3 petites modifications à faire.
Tout d'abord, supprimons les 3 choix par défaut appelés Premier choix, Deuxième choix, et Troisième choix. Un par un, cliquez sur l'icône moins à côté de ces éléments pour les supprimer.
Vous pouvez utiliser la même méthode pour supprimer des pays spécifiques de la liste si vous le souhaitez.
Ensuite, vous devriez changer le libellé du champ Liste déroulante. Supprimons Liste déroulante et remplaçons-le par Veuillez sélectionner votre pays.
Ensuite, cliquez sur l'onglet Avancé et choisissez le style Moderne au lieu du style Classique ici.
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 vous avez également besoin de permettre aux utilisateurs de sélectionner plusieurs pays à partir d'une seule liste déroulante, consultez notre guide sur la façon de créer une liste déroulante à sélection multiple.
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. Si vous souhaitez personnaliser la liste, continuez à lire.
Étape 3 : Personnaliser les noms des pays dans votre liste déroulante
Maintenant que vous avez ajouté la liste déroulante des pays à votre formulaire, rendons-la plus performante pour votre public 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 votre champ de liste déroulante de pays pour ouvrir les options du champ à gauche. Vous verrez une liste de tous les pays sous la section Choix. C'est là que la véritable magie de la personnalisation opère.
Modification des noms de pays
Tout d'abord, vous voudrez peut-être nettoyer certains des noms de pays les plus longs pour une meilleure expérience utilisateur. Par exemple, la liste par défaut affiche « Royaume-Uni de Grande-Bretagne et d'Irlande du Nord ».
Bien que ce soit techniquement correct mais inutilement long. Cliquez simplement sur ce choix et modifiez-le pour qu'il devienne simplement « Royaume-Uni » ou même « UK » si vous préférez.
Je fais cela régulièrement avec des pays comme « États-Unis d'Amérique » (changer en « États-Unis »), « Fédération de Russie » (changer en « Russie »), ou « République démocratique du Congo » (changer en « Congo (RDC) »).
Réorganisation des pays par priorité
Deuxièmement, n'oubliez pas que vous pouvez faire glisser les choix de réponse vers le haut et vers le bas. Cela signifie que vous pouvez placer les sélections les plus courantes en haut de la liste afin qu'elles soient plus faciles à trouver.
Pour déplacer n'importe quel choix dans la liste, cliquez et maintenez l'icône avec 3 lignes, puis faites-la glisser. Comme nous nous attendons à ce que la plupart de nos visiteurs soient en Amérique du Nord, nous avons placé le Canada et les États-Unis en haut.
Génial ! Votre liste déroulante de pays aura maintenant exactement l'apparence que vous souhaitez. Il ne nous reste plus qu'à la publier. Cliquez sur Enregistrer avant de continuer.
Étape 4 : Publiez votre formulaire en quelques secondes
Votre liste déroulante est maintenant configurée, il est temps de publier votre formulaire. Il est très facile de créer une nouvelle page directement depuis le constructeur de formulaires. Pour utiliser l'assistant d'intégration, cliquez d'abord sur Intégrer en haut du constructeur de formulaires.
L'assistant d'intégration vous permet soit de publier votre formulaire dans une nouvelle page, soit d'intégrer le formulaire dans une page existante. Cliquer sur Créer une nouvelle page.
Après cela, entrez un nom pour votre page et cliquez sur C'est parti. À ce stade, vous êtes prêt à publier votre formulaire. Avant de le faire cependant, il y a une astuce fascinante que je veux partager.
Par défaut, tous les formulaires dans 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.
Dans le panneau de droite, recherchez la section Thèmes et essayez les différentes options de thèmes préchargées avec WPForms Pro.
Vous pouvez également modifier manuellement différents éléments du style de votre formulaire avec des contrôles faciles qui apparaissent sous la section des thèmes. Lorsque vous êtes prêt, appuyez sur Publier.
Une fois publié, n'hésitez pas à aller vérifier votre formulaire avec la liste déroulante des pays. Si vous avez sélectionné le style Moderne pour la liste déroulante, vos visiteurs peuvent simplement rechercher un pays en tapant son nom.
Pour des 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 voilà ! Vous avez maintenant une liste déroulante de pays sur votre formulaire WordPress prête à être utilisée par vos visiteurs.
FAQ sur la façon d'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 de pays intégrée comme WPForms. Vous devriez créer manuellement une question à choix multiples et taper vous-même le nom de chaque pays – les 195.
Ensuite, vous devriez maintenir cette liste chaque fois que les pays changent. WPForms vous fait gagner des heures de travail avec sa liste déroulante de pays automatique 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 de liste déroulante de pays natif. Vous devriez installer un plugin séparé ou coder manuellement la liste déroulante à l'aide de balises select 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 à implémenter et à maintenir.
Comment ajouter des indicatifs de pays pour les numéros de téléphone à mon formulaire ?
WPForms propose un champ Téléphone distinct qui peut fonctionner parallèlement à votre liste déroulante de pays. Alors que la liste déroulante de pays gère la sélection de la localisation, le champ téléphone inclut un formatage intégré pour différents pays.
Pour les configurations avancées où la sélection du pays met automatiquement à jour le format du numéro de téléphone, vous auriez besoin de WPForms Pro avec la logique conditionnelle.
Pourquoi ma liste déroulante de pays n'affiche-t-elle pas tous les pays ?
Cela se produit généralement lorsque vous avez accidentellement supprimé des pays de la liste ou en cas de conflit de plugins. Dans WPForms, retournez à votre éditeur de formulaire, cliquez sur le champ de liste déroulante de pays et vérifiez la section Choix.
Vous pouvez rajouter manuellement les pays manquants, ou supprimer le champ et ajouter une nouvelle liste déroulante de pays pour restaurer la liste complète.
Puis-je placer certains pays en haut 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 votre champ de liste déroulante de pays, puis dans la section Choix, faites glisser et déposez les pays à l'aide de l'icône à trois lignes.
Je place toujours les pays les plus courants pour mon public en haut – comme déplacer les États-Unis et le Canada vers le haut si la plupart de mes visiteurs sont nord-américains.
Comment supprimer des pays dont je n'ai pas besoin de la liste déroulante ?
Dans votre éditeur WPForms, sélectionnez le champ de liste déroulante de pays et regardez la section Choix sur la gauche. Cliquez sur le X rouge à côté de tout pays que vous souhaitez supprimer. C'est utile si vous ne desservez que certaines régions ou si vous souhaitez garder la liste plus courte pour une meilleure expérience utilisateur.
La liste déroulante de pays fonctionne-t-elle sur les appareils mobiles ?
Oui, les listes déroulantes de pays WPForms sont entièrement adaptatives aux mobiles. Elles 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 des pays dans la liste déroulante ?
Oui, vous pouvez modifier n'importe quel nom de pays dans WPForms. Cliquez simplement sur le champ de liste déroulante de pays, trouvez le pays dans la section Choix et modifiez le texte.
Je raccourcis souvent les noms longs comme « Royaume-Uni de Grande-Bretagne et d'Irlande du Nord » en simplement « Royaume-Uni » pour une meilleure lisibilité.
Ensuite, obtenez automatiquement la localisation de votre visiteur
Saviez-vous que WPForms peut afficher automatiquement la localisation de vos visiteurs sur une carte ? Le module complémentaire Géolocalisation ajoute la complétion automatique d'adresses, la détection de localisation et un champ de carte déplaçable à n'importe quel formulaire.
- Vous pouvez activer la géolocalisation sur tous vos formulaires en 1 clic. Consultez ce guide sur comment suivre la localisation des utilisateurs avec les soumissions de formulaires WordPress pour configurer cela.
- 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 création de formulaires WordPress le plus simple. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.
hy
je ne vois pas l'option de masse, pourquoi ?
Bonjour,
Veuillez accéder au générateur de formulaires > Ajouter un champ d'options (champ Liste déroulante, Choix multiples et Case à cocher) > Sous Options du champ, vous verrez « Ajout en masse ». Veuillez consulter la vidéo de démonstration de référence.
J'espère que cela vous aide ! 🙂
Bonjour,
Comment ajouter un code de logique conditionnelle dans le modèle d'e-mail personnalisé.
Par exemple, j'ai un champ de catégorie qui a une liste de 5 sous-catégories, comment les ajouter dans le modèle d'e-mail.
Cordialement,
Salut Noor, pour réaliser ce que vous avez mentionné ici, vous pouvez configurer la configuration des notifications conditionnelles.
J'espère que cela vous aide ! 🙂
Comment puis-je afficher une boîte de recherche dans une liste déroulante si nous avons moins de huit choix
Salut Ankit ! Je m'excuse, je ne suis pas sûr d'avoir bien compris votre question.
Il semble que vous cherchiez à activer la barre de recherche pour vos champs de liste déroulante, ce qui se fait en passant le style de votre champ de liste déroulante à Moderne.
Vous trouverez plus d'informations à ce sujet dans cet article.
J'espère que cela vous aidera à clarifier 🙂 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 sur nos forums de support.
Salut Henry ! Je vous interroge sur le champ de liste déroulante. Le champ de recherche apparaît après avoir ajouté un minimum de 8 options dans la liste déroulante, donc ma question est 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 ci-dessous.
https://prnt.sc/1ubkp8b
Salut Ankit ! Merci de clarifier ce que vous cherchez à faire. Malheureusement, nous n'avons aucune option incluse pour forcer la barre de recherche du champ de liste déroulante de style moderne lorsqu'il y a moins de 8 options disponibles.
Cela devrait être possible avec du code personnalisé, mais je m'excuse car nous ne pouvons pas fournir de support pour ce niveau de personnalisation.
Si vous souhaitez explorer les 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, puis aide également à guider l'ensemble du processus de connexion et de communication avec un développeur idéal.
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 continuer à revenir (à plus long terme) pour obtenir de l'aide en développement personnalisé, vous pourriez également envisager de consulter 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 sur nos forums de support.
pouvez-vous avoir une liste déroulante avec la liste des pays du monde, une géolocalisation pour sélectionner automatiquement la bonne option dans la liste déroulante ET si ce pays a des États, afficher les États de ce pays ?
par exemple, je suis situé aux États-Unis, la liste déroulante remplira automatiquement les États-Unis et affichera tous les États des États-Unis à choisir. Et si je suis situé en Afrique du Sud, toutes les provinces d'Afrique du Sud ?
Salut Liza,
Actuellement, nous n'avons pas de fonctionnalité native pour détecter la localisation et afficher le schéma d'adresse américain/international respectif. Je suis d'accord que ce serait très utile, cependant. J'ai pris note de la demande de fonctionnalité et nous la garderons à l'œil à mesure que nous planifions notre feuille de route pour l'avenir.
Merci !
Bonjour,
Je voulais savoir si cela a été intégré dans les incroyables wpforms car maintenant, je le cherche. J'en ai vraiment besoin.
Merci
Salut Jude,
Cette demande est toujours en cours d'examen. J'ai ajouté votre vote pour considérer cette fonctionnalité comme une amélioration.
Merci !
J'essaie d'utiliser le menu déroulant wpforms, mais le navigateur réinitialise un peu le style.
Salut Obed, nous sommes désolés pour le désagrément. Lorsque cela se produit, il est possible que les styles du thème soient remplacés par les champs déroulants. Cela pourrait être facilement résolu en utilisant du CSS personnalisé. Cependant, nous aurions besoin de quelques détails supplémentaires à ce sujet.
En attendant, vous pouvez essayer de changer le style du formulaire à 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.
Si cela ne fonctionne pas, nous aurons besoin de quelques détails supplémentaires afin que nous puissions vous conseiller à ce sujet.
Si vous avez une licence WPForms, vous avez accès à notre support par e-mail, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support gratuit limité sur le forum de support 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 ?
Salut Derek - Désolé d'apprendre ce problème ! J'ai noté ce commentaire de votre part !
En attendant, si cela peut vous aider, vous pouvez ajouter manuellement lesdits pays à la liste après l'ajout en masse des pays.
Merci, et passez une bonne journée !
Lorsque je sélectionne une option dans le menu déroulant, cette étiquette de sélection s'affiche sous le menu déroulant et également dans le menu déroulant.
Peut-on supprimer l'affichage de l'étiquette sous le menu déroulant ? Cela semble inutile et n'est pas un comportement courant pour les menus déroulants.
Salut Josh, cela ressemble à 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 ?
Pas d'options manuelles...
Parce que si nous avons plus de formulaires avec des listes de pays et que nous voulons modifier la liste, le changement s'affichera automatiquement dans tous les formulaires.
Merci !
Bonjour,
Nous n'avons actuellement pas de fonctionnalité intégrée pour réaliser ce que vous avez mentionné. Nous pouvons envisager cette fonctionnalité pour les améliorations futures. Cependant, actuellement, la seule option serait d'ajouter en masse les choix manuellement.
Bonjour ! Comment pouvons-nous ajouter uniquement le pays et utiliser la géolocalisation automatique ? Merci
Salut John,
Actuellement, nous n'avons pas de champ spécifique au pays qui puisse être pré-rempli en fonction de la localisation détectée par le module de géolocalisation. J'ai ajouté votre vote pour que cela soit considéré comme une demande de fonctionnalité.
Merci !
Y a-t-il un moyen d'afficher le nom du pays + l'icône du drapeau ?
Salut Christian – Nous n'avons actuellement pas la fonctionnalité pour ajouter des icônes au champ déroulant lorsque nous utilisons le préréglage de pays. Je suis d'accord que ce serait une excellente fonctionnalité à avoir, et je vais l'ajouter à notre suivi des demandes de fonctionnalités. Cela dit, si je manque quelque chose d'évident ici, n'hésitez pas à nous contacter en soumettant un ticket de support.
Bonjour, ma recherche de pays déroulant est bloquée en vue classique, même si j'ai sélectionné moderne. Le premier emplacement semble correct, puis plus bas, les paramètres changent ?
Je suppose que c'est un conflit de thème.
Avez-vous des idées sur la façon de rendre les champs consultables ?
Bonjour Nathan – Quand vous aurez un moment, envoyez-nous un message avec plus de détails sur le problème au support afin que nous puissions vous aider davantage.
Si vous avez une licence WPForms, vous avez accès à notre support par e-mail, veuillez donc soumettre un ticket de support.
Sinon, nous offrons un support limité et gratuit sur le forum de support WPForms Lite sur WordPress.org.
Merci 🙂