Validation de l'adresse pour le règlement e-commerce

Objectif

Ce document décrit les méthodes permettant de combiner Place Autocomplete, l'API Address Validation1 et Maps dans un processus de paiement d'e-commerce afin de capturer des adresses de haute qualité.

Prérequis

Google recommande de connaître les éléments suivants :

Qu'est-ce que la validation d'adresse ?

L'API Address Validation est un service qui accepte une adresse. Elle identifie les composants de l'adresse et les valide. Elle standardise également l'adresse pour la distribution postale et trouve les coordonnées de latitude/longitude les plus connues. Vous pouvez également activer le système CASS™ (Coding Accuracy Support System) pour les adresses aux États-Unis et à Porto Rico.

Pourquoi avez-vous besoin de la validation d'adresse lors du paiement ?

Collecter des adresses exactes lors du processus de commande
Il s'agit d'une étape importante pour favoriser les livraisons réussies, augmenter le taux de traitement à temps et réduire les frais coûteux de correction d'adresse.

Guider les clients pour qu'ils saisissent leur adresse rapidement et avec précision
Place Autocomplete accélère la saisie de l'adresse et réduit les erreurs de saisie, ce qui permet aux clients de passer facilement à la page de paiement. Address Validation fournit des commentaires sur la qualité globale de l'adresse, apporte des corrections telles que la standardisation et les fautes d'orthographe, et améliore les métadonnées, par exemple en fournissant un indicateur résidentiel ou commercial (disponible dans certaines régions).

Présentation de l'implémentation

Cette section décrit le workflow de saisie d'adresse recommandé pour les pages de paiement d'e-commerce. Le processus comporte trois étapes :

  1. Utilisez Place Autocomplete pour capturer l'adresse initiale.
  2. Utilisez l'API Address Validation pour confirmer l'adresse saisie.
  3. Affichez l'emplacement de l'adresse saisie sur une carte pour rassurer les clients sur la livraison.

Nous allons maintenant examiner chaque étape individuellement.

Étape 1 : Flux de saisie d'adresse à l'aide du service Place Autocomplete

Implémentez Place Autocomplete à l'aide de l'API JavaScript sur la première ligne du formulaire de saisie d'adresse.

Place Autocomplete fournit des suggestions au client lorsqu'il saisit les détails de son adresse. Lorsqu'elle est implémentée à l'aide de l'API JavaScript, une liste déroulante s'affiche sous le champ du formulaire de saisie d'adresse lorsque les utilisateurs commencent à saisir du texte. Elle affiche les résultats du service Autocomplete qui sont mis à jour à chaque frappe. Une fois que l'utilisateur a saisi suffisamment d'informations pour trouver l'adresse, il la sélectionne dans la liste déroulante. Cette action remplit automatiquement les champs du formulaire avec les données d'adresse.

Vous pouvez proposer deux styles de saisie de formulaire à l'utilisateur avec Place Autocomplete : un affichage avec tous les champs d'adresse ou un affichage avec un seul champ de saisie. Ce champ de saisie unique invite l'utilisateur à commencer sa recherche au fur et à mesure de sa saisie, plutôt que de saisir les composants de l'adresse individuellement. Une fois que la saisie semi-automatique a rempli l'adresse, le workflow développe les champs du formulaire avec les données d'adresse, ce qui permet au client de les examiner et de les modifier, par exemple en ajoutant un numéro d'appartement ou de logement.

Voici un exemple de ce flux avec un seul champ de saisie :

image

Étape 2 : Utiliser l'API Address Validation pour valider les adresses

Une fois que l'utilisateur a saisi l'adresse, Google vous recommande d'appeler l'API Address Validation lors du paiement pour confirmer que l'adresse est valide et complète. Déclenchez un appel à l'API Address Validation lorsque l'utilisateur clique sur le bouton "Suivant" ou "Continuer" du formulaire d'adresse. Ce bouton mène souvent à la page de paiement.

Google recommande d'appeler l'API Address Validation pour chaque transaction.

Le schéma de flux suivant illustre un exemple d'intégration de bout en bout de l'API Address Validation dans une page de paiement :

image

Ce document aborde les scénarios d'acceptation d'adresse plus loin.

Étape 3 : Fournir une confirmation visuelle

Une fois l'adresse saisie, présentez une confirmation visuelle du lieu de livraison à l'utilisateur en l'affichant sur une carte. Il sera ainsi d'autant plus confiant de ne pas avoir commis d'erreur, ce qui réduira le nombre d'échecs de livraison ou de retrait.

La carte peut s'afficher pendant le processus de paiement ou être intégrée à l'e-mail de confirmation de la transaction. Ces deux cas d'utilisation peuvent être effectués avec les API suivantes.

L'API Maps JavaScript fournit une carte interactive pour afficher la position de l'utilisateur. L'API Maps Static permet d'intégrer une image dans la page Web ou à une étape ultérieure dans un e-mail.

Analyse approfondie : scénarios d'acceptation d'adresse

Les réponses de l'API Address Validation peuvent être classées en trois scénarios principaux :

  • Corriger : l'adresse est de mauvaise qualité. Vous devez demander plus d'informations.
  • Confirmer : l'adresse est de haute qualité, mais elle a été modifiée par rapport à l'adresse saisie. Vous pouvez demander une confirmation.
  • Accepter : l'adresse est de haute qualité. Vous pouvez accepter l'adresse fournie.

Ce concept est abordé dans la section Créer votre logique de validation de la documentation de l'API Address Validation. Nous allons examiner chaque scénario dans cette section.

Corriger

image

Cette section explique comment corriger une adresse saisie. Pour en savoir plus sur les signaux spécifiques renvoyés par l'API Address Validation pour indiquer une adresse de mauvaise qualité, consultez Corriger une adresse dans la documentation Créer votre logique de validation.

Si la réponse de l'API Address Validation indique une adresse non valide, redirigez le client vers le formulaire de saisie d'adresse pour qu'il vérifie les données saisies. Une fois l'adresse corrigée, votre service doit la renvoyer à l'API Address Validation pour s'assurer que les corrections apportées sont valides.

Vous pouvez également mettre en évidence des erreurs spécifiques sur une ligne d'adresse à l'aide des signaux renvoyés au niveau addressComponents. Vous pouvez en voir un exemple dans la capture d'écran à droite.

Confirmer

image

Cette section explique comment confirmer une adresse. Pour en savoir plus sur les signaux spécifiques renvoyés par l'API Address Validation pour indiquer qu'une adresse doit être confirmée, consultez Confirmer une adresse dans la documentation Créer votre logique de validation.

Souvent, votre système voudra inviter un utilisateur à confirmer une adresse. Par exemple, un client fait une faute d'orthographe dans le nom de la ville, qui est ensuite corrigée par l'API Address Validation. Vous devez confirmer cette correction auprès du client. En effet, les modifications apportées par l'API peuvent modifier fondamentalement ce qui a été saisi à l'origine.

Utilisez une fenêtre modale interstitielle pour afficher les informations au client, ce qui lui permet de choisir parmi trois options :

  1. Confirmer l'adresse telle qu'elle est renvoyée par l'API. Le processus de paiement se poursuit avec l'adresse corrigée.
  2. Sélectionner l'adresse telle qu'elle a été saisie à l'origine, en ignorant la correction de l'API Address Validation. Le processus de paiement peut se poursuivre normalement, et la commande peut être signalée pour examen en aval avant l'expédition, si votre processus le permet.
  3. Le client annule ou quitte la fenêtre modale, ce qui le renvoie à l'étape de saisie de l'adresse du processus de paiement, où il peut saisir à nouveau l'adresse à partir de zéro et recommencer le processus.

Vous pouvez en voir un exemple dans la capture d'écran à droite.

Accepter

Cette section explique comment accepter une adresse. Pour en savoir plus sur les signaux spécifiques renvoyés par l'API Address Validation pour indiquer qu'une adresse est de bonne qualité et doit être acceptée, consultez Accepter une adresse dans la documentation Créer votre logique de validation.

Dans ce scénario, le processus de paiement doit passer à l'étape suivante, probablement la capture du paiement, sans aucune invite au client concernant la qualité de l'adresse. L'API a confirmé que l'adresse saisie par le client est de bonne qualité et peut être livrée.

Nous vous recommandons d'utiliser les données d'adresse renvoyées par l'API Address Validation par rapport à la commande, car elles peuvent contenir des corrections et des ajouts mineurs, tels que les suivants :

  • Minuscules/Majuscules
  • Corrections de mise en forme, par exemple
    • Rue à St
    • Ordre correct des composants de l'adresse
  • Code postal + 4 aux États-Unis

Observations relatives à la mise en œuvre

Lorsque vous créez votre logique d'acceptation d'adresse, assurez-vous que votre implémentation n'empêche pas les clients de passer à la page de paiement s'ils saisissent une adresse non valide. Créez une logique qui empêche la possibilité d'une boucle infinie si l'API indique à plusieurs reprises que leur saisie n'est pas valide.

Google vous recommande de donner aux clients jusqu'à deux chances de saisir leur adresse et, lors de la deuxième tentative, d'accepter leur saisie, même si elle n'est pas validée. Lors de la deuxième tentative, l'objectif est de leur permettre de continuer, quelle que soit la validation.

Voici deux méthodes suggérées pour accepter la deuxième tentative :

  • Forcer la poursuite : affichez une fenêtre modale expliquant au client que l'adresse n'est pas validée, mais autorisez-le à continuer avec l'adresse qu'il a saisie.
  • Acceptation silencieuse : acceptez automatiquement la deuxième tentative sans étape de confirmation, même si l'adresse n'est pas entièrement validée.

Si possible, concevez votre système de manière à signaler les adresses qui ne sont pas validées, afin qu'un représentant du service client puisse les examiner avant l'expédition de la commande. Cette mesure supplémentaire vous permet de détecter les erreurs.

La construction de nouveaux bâtiments illustre bien pourquoi cette vérification est recommandée. Il peut y avoir un décalage entre la fin de la construction d'un nouveau bâtiment et le moment où l'adresse de ce bâtiment est renseignée dans les bases de données d'adresses postales. Les clients doivent avoir la possibilité de forcer la poursuite sur la page de paiement avec l'adresse qu'ils ont saisie, même si elle n'est pas validée.

Une fois une session de paiement terminée, vous pouvez éventuellement utiliser la provideValidationFeedback méthode pour envoyer à Google des commentaires sur une tentative de validation d'adresse spécifique.

Conclusion

Ce document présente un aperçu d'un flux de paiement implémentant la saisie semi-automatique, la validation d'adresse et la confirmation visuelle sur une carte Google. Utilisez ce document comme point de départ pour concevoir votre implémentation, en suivant les flux de saisie d'adresse recommandés.

Étapes suivantes

Suggestions de lecture supplémentaires :

Contributeurs

Henrik Valve | Ingénieur de solutions
Thomas Anglaret | Ingénieur de solutions
Sarthak Ganguly | Ingénieur de solutions

  1. Licencié non exclusif du service postal des États-Unis. La ou les marques suivantes appartiennent au service postal des États-Unis(USPS®) et sont utilisées avec son autorisation : CASS™, USPS®, DPV®. ↩