Limiter l'autocomplétion d'adresses à un pays spécifique

Vue d'ensemble

Souhaitez-vous limiter la fonctionnalité de la saisie semi-automatique d'adresses à un pays spécifique ? Lorsque vous créez vos propres schémas d'adresses pour un pays donné, vous souhaitez également vous assurer que la fonction de recherche automatique d'adresses ne s'applique qu'à ce pays.

Dans cet article, nous vous montrerons comment y parvenir en utilisant JavaScript.


Mise en place

Pour les besoins de cette documentation, nous avons déjà créé un schéma d' adresses unique pour le Canada en suivant les étapes de ce tutoriel.

Une fois que nous avons ajouté notre schéma d'adresse supplémentaire, nous avons sélectionné le schéma pour notre champ d'adresse dans le générateur de formulaires.

Sélection du plan d'adressage

En outre, nous avons également activé l'option Activer l'autocomplétion de l'adresse dans l'onglet Avancé du champ d'adresse.

Activation de l'autocomplétion des adresses

Ajout de l'extrait

Une fois que vous avez configuré et enregistré votre formulaire, il est temps d'ajouter le snippet. Si vous avez besoin d'aide pour ajouter des snippets à votre site, consultez ce tutoriel.

Il y a trois éléments que vous devez mettre à jour dans l'extrait pour qu'il corresponde à vos besoins spécifiques.

  1. var formID = 2757 ;
  2. var addressFieldID = 21 ;
  3. pays" : [ "ca" ],

Ceux-ci devront être mis à jour pour correspondre à l'ID de votre formulaire, à l'ID de votre champ et au pays dans lequel vous souhaitez que l'autocomplétion d'adresse effectue des recherches.

Pour trouver les identifiants de vos formulaires et champs, veuillez consulter ce tutoriel.

Pour obtenir de l'aide afin de trouver le code à deux lettres de votre pays, veuillez consulter cette documentation.

Voilà, c'est fait ! Désormais, lorsqu'une adresse est saisie, la fonction d'autocomplétion ne recherche que dans le pays que vous avez spécifié.

Vous souhaitez également limiter le champ Téléphone à un pays spécifique ? Consultez notre article sur Comment restreindre les pays dans les champs de formulaire d'un téléphone intelligent.

Référence de l'action : wpforms_wp_footer_end