Vous cherchez à ajouter la saisie semi-automatique de l’adresse Google à la caisse de votre boutique WooCommerce ? Vous êtes au bon endroit !
La saisie semi-automatique des adresses Google améliore l’expérience client et réduit les erreurs des utilisateurs en suggérant des adresses postales en temps réel lorsque votre client saisit son adresse dans le formulaire de paiement.
Étant donné que le cœur de WooCommerce ne s’intègre pas directement à la saisie semi-automatique des adresses Google, vous aurez besoin d’un plugin tiers pour ajouter cette fonctionnalité à votre boutique.
Dans cet article, je vais vous guider dans l’activation de la saisie semi-automatique des adresses Google dans WooCommerce à l’aide d’un puissant plugin appelé Merchant Pro.
Commençons.
1. Installez et activez le plugin Merchant Pro
Merchant Pro est un plugin WooCommerce tout-en-un qui propose plus de 40 modules conçus pour améliorer l’expérience d’achat de votre magasin et augmenter les taux de conversion. L’un de ces modules est Saisie automatique de l’adresse Google.
Pour commencer, achetez, installez et activez simplement le plugin Merchant Pro dans votre boutique :
2. Générez une clé API Google Places
Pour ajouter la saisie semi-automatique de l’adresse Google à la caisse de votre boutique, vous devez intégrer Google Places dans votre boutique WooCommerce à l’aide d’une clé API.
Voici comment générer une clé API Google Places :
je. Connectez-vous à Google Cloud Console
Pour générer une clé API Google Places, ouvrez le Google Cloud Console et connectez-vous à l’aide d’un compte Google nouveau ou existant.
ii. Créer un compte de facturation
Sur le tableau de bord Google Cloud, la première chose à faire est de créer un compte de facturation. C’est une étape obligatoire.
Ne vous inquiétez pas, rien ne vous sera facturé pour l’instant.
Allez au Facturation option sur le côté gauche de l’écran :
Il vous sera demandé de remplir un formulaire et d’ajouter une carte de crédit ou de débit.
Faites cela, puis appuyez sur le Commencez gratuitement bouton, et votre compte de facturation sera créé :
Après avoir créé le compte, Google vous offrira un crédit gratuit de 200 $ chaque mois pour l’utilisation des services Google suivants : Maps, Itinéraires et Places.
Vous pouvez utiliser ce crédit pour utiliser l’API Google Places sur votre boutique WooCommerce.
Tant que votre utilisation ne dépasse pas le crédit mensuel de 200 $, vous ne serez pas facturé séparément.
Cependant, si son utilisation dépasse le crédit mensuel de 200 $, l’utilisation supplémentaire au-delà de ce montant vous sera facturée (voir Tarifs).
Assurez-vous de savoir comment l’API Places utilise le crédit gratuit et comment garder une trace de cette utilisation du crédit.
Vous pouvez vérifier votre utilisation du crédit en allant sur Facturation → Crédits:
iii. Créer un projet
Sur le tableau de bord de la console, accédez au Sélectionnez un projet option sur la barre supérieure et appuyez sur l’option Nouveau projet bouton sur la popup :
Nommez le projet comme « Google Address Autocomplete » ou tout autre élément qui correspond à votre objectif et appuyez sur le bouton Créer bouton:
La console prendra quelques secondes pour préparer le projet.
Une fois terminé, ouvrez le tableau de bord du projet en sélectionnant le nom du projet dans la barre supérieure :
iv. Activer l’API Google Places
Pour accéder à l’API Google Places, accédez à API et services → Bibliothèque:
Dans la bibliothèque d’API, saisissez « Google Places API » dans la barre de recherche et sélectionnez-la lorsqu’elle apparaît à l’écran :
Sur l’écran suivant, cliquez sur le Activer bouton pour activer l’API Google Places :
v. Créer une clé API
Pour créer une clé API Google Places, accédez à API et services → Identifiants:
Clique le Créer des informations d’identification bouton situé en haut de la page et sélectionnez le Clé API option:
Immédiatement, une popup apparaîtra avec une clé API :
Sur la page suivante, vous pouvez restreindre l’accès à votre clé API pour empêcher d’autres personnes d’utiliser vos crédits Google Cloud gratuits.
Faire cela:
- Ajoutez un titre à la clé API.
- Sous le ‘Définir une restriction d’application‘ rubrique, choisissez la Site web option.
- Ajoutez votre nom de domaine.
- Sous Restrictions de l’APIclique le Restreindre la clé option.
- Dans le menu déroulant, sélectionnez le API Places.
- Frappez le Sauvegarder bouton.
Note: Avant d’ajouter le nom de domaine, assurez-vous de lire la section « Comment restreindre ma clé API à des sites Web spécifiques ? » à gauche de l’écran pour savoir comment ajouter votre domaine à la clé API :
Après avoir touché le Sauvegarder bouton, il faudra quelques minutes pour que la clé API devienne active.
Pendant qu’il devient actif, passons aux étapes suivantes.
Si vous avez besoin d’aide pour créer la clé API, consultez ces documents d’aide ou demander de l’aide au Communauté Google Cloud.
3. Ouvrez le module de saisie semi-automatique des adresses Google
Après avoir installé le plugin Merchant, vous verrez un Marchand L’option apparaît sur votre menu WordPress. Sélectionnez cette option et cela vous mènera au tableau de bord du marchand.
Sur le tableau de bord du marchand, accédez à Améliorer l’expérience et ouvrez le Saisie automatique de l’adresse Google module:
4. Entrez votre clé API Google Places
Dans le module, collez la clé API Google que vous avez créée à l’étape 2.
Vous pouvez également ajouter des paramètres supplémentaires à l’URL de l’API à l’aide du Paramètres d’URL d’API facultatifs paramètre, tel que la langue, la région et autres (voire la liste complete ici) :
5. Activez le module de saisie semi-automatique des adresses Google
Quand tu es prêt, frappe le bleu Activer bouton pour activer le module.
Assurez-vous de Sauvegarder vos modifications avant de quitter la page :
6. Vérifiez la saisie semi-automatique de l’adresse Google sur votre page de paiement
Après avoir activé le module, je vous recommande de vérifier s’il fonctionne correctement sur la page de paiement de votre boutique WooCommerce.
Voici à quoi ressemble la saisie semi-automatique de l’adresse Google sur la page de paiement de mon site de démonstration :
Conclusion
L’activation de la saisie semi-automatique des adresses Google est un excellent moyen d’accélérer votre processus de paiement et de réduire les erreurs des utilisateurs.
Voici un bref aperçu de la façon d’utiliser le plugin Merchant Pro pour ajouter la saisie semi-automatique d’adresse Google à votre boutique WooCommerce :
- Achetez, installez et activez le plugin Merchant Pro.
- Ouvrez Google Cloud Console et générez une clé API Google Places.
- Ouvrez le module Google Address Autocomplete dans Merchant Pro et entrez la clé API Google Places.
- Activez le module et consultez la page de paiement de votre boutique.
Si vous avez des questions sur la façon d’activer la saisie semi-automatique des adresses Google dans votre boutique WooCommerce, faites-le nous savoir dans la section commentaires ci-dessous.