Comment remplir automatiquement le champ « Ville » dans un formulaire

6

Si vous expédiez des colis depuis un moment vous avez déjà du recevoir des retours de colis en NPAI (n’habite plus à l’adresse indiqué) . C’est toujours peu agrable pour un e-commerçant de recevoir des NPAI car cela demande du temps pour les traiter et les solutionner. Il faut contacter le client, qui râle parce qu’il n’a pas reçu son colis, et réexpédier à la nouvelle adresse (voir la même adresse souvent !) le colis, donc double frais postaux pour la même commande.

Le problème de ces NPAI vient souvent du champ adresse mal rempli ou du champ adresse mal formaté. Pour le premier problème il existe plusieurs solutions permettant de remplir le champ d’un « Ville » formulaire depuis la saisie du code postal, l’avantage étant double : faire gagner du temps aux clients (et donc augmenter son taux de conversion) et diminuer le nombre d’erreurs de saisie.

Ziptastic

Ziptastic est une API permettant de retrouver le nom d’une ville depuis un code postal. Tout le code necessaire pour faire tourner Ziptastic est ici, il suffit de construire votre formulaire et  d’impléementer les requetes décrites dans l’aide. C’est assez  simple au niveau programmation. Pour tester en live c’est par ici, il faut juste vérifier que l’API est suffisamment rapide en production et que votre site fonctionne bien sans cette API si jamais les serveurs de Ziptastic sont down. Ce serait bête de perdre des ventes alors que vous vouliez en générer de nouvelles 😉

Autofill City   State from Zip Code with Ziptastic   CSS Tricks

Bon le gros problème c’est que cette API ne marche qu’avec les états-unis pour le moment mais c’est apparemment à cause de problèmes de droits de base de données pour intégrer les autres. Il y a fort a parier que les autres pays ne sont qu’une question de temps, n’hésitez pas à donner un coup de main au développeur pour avancer là dessus.

[Edit] En fait il semblerait que Ziptastic supporte désormais un grand nombre de pays suite à un accord avec geonames.org (dont la France). A tester dès maintenant donc !

Zippoptamus

Zipoptamus est l’équivalent de Ziptastic mais cette fois supportant les codes postaux français et d’autres pays : plus de 70 supportés de l’Andorre à L’Afrique du sud, en passant par La Belgique , la Pologne, etc…

Zippopotamus  Zip Code Galore

Vous pouvez le tester ici -> http://www.zippopotam.us/static/sample_fr.html pour la version FR , il fonctionne à peu près de la même façon que Ziptastic (avec une API), pensez donc bien à valider que votre formulaire de commande fonctionne aussi SANS cette API. Le rendu sur le site de test n’est pas optimal d’après moi, le client ne se rend  pas trop compte que nous essayons de l’aider sur le champ ville.

Un système à base de liste de possibilités qui diminue en temps réel aurait peu être plus d’impact mais je n’ai pas eu le temps (et les compétences) pour tester ça malheureusement. Voici un petit montage pour expliquer ma proposition. Pour le moment si l’on remplit un code postal on à ça :

avant-code-postal

Et il faut cliquer sur Ville pour voir les propositions, avec un peu de développements, on doit pouvoir proposer ça :

apres-code-postal

Une liste des villes mise à jour en temps réel à partir du code postal, ce qui fera gagner quelques secondes à l’internautes en plus si il voit sa ville s’afficher rapidement et rend le formulaire plus simple à comprendre je trouve.

Conclusion

Il existe certainement d’autres plugins ou API pour améliorer l’expérience utilisateur dans le formulaire de commande, si vous connaissez d’autres n’hésitez pas à les indiquez dans les commentaires. C’est une étape tellement importante dans la prise de commande qu’il est important d’y consacrer du temps, chaque pourcentage de conversion gagné peut se traduire par des gains très significatifs en terme de CA et de rentabilité !

Comment remplir automatiquement le champ « Ville » dans un formulaire
Notez

6 commentaires

  1. bonjour,

    Il y a des solutions beaucoup plus… pro (sans que cela soit un critère de qualité) comme QAS qui fournissent des services qui permettent de vérifier la quasi intégralité d’une adresse et même de faire de la saisie d’adresse sur 1 ligne ce qui évite la problématique des champs que chacun interprète à sa façon.

  2. J’ai regardé un peu le code pour tenter de répondre à ta question, mais comme ça utilise des fonctions html5 et du jqueryUi ce n’est pas évident pour quelqu’un qui ne pratique pas le ‘front-end’ tous les jours.
    Sinon dans la même veine il y a http://www.citysearch-api.com/fr/ qui propose également les villes voisines, ce qui est assez bluffant !

  3. En cherchant un peu on peut trouver
    http://cp-ville.com/
    qui propose de trouver soit un ( ou une liste de ) codes postaux à partir d’un morceau de ville ou l’inverse.
    Villes Françaises ( et outre mer ) uniquement
    API gratuite pour les développeurs qui veulent utiliser le service dans leurs formulaires

  4. Merci pour cet article et pour ces liens, les remarques / suggestions sont intéressantes.

    Je vais prendre en compte les suggestions pour continuer à faire évoluer les webservices et le widget JS sur http://www.citysearch-api.com

    Si vous veniez à essayer l’API, n’hésitez à me laisser vos commentaires pour nous aider à répondre au mieux aux attentes des développeurs.

DONNEZ VOTRE AVIS SUR L'ARTICLE

Please enter your comment!
Entrez votre petit nom