- Une clé Google Maps affiche une carte avec une épingle pour chaque point relais, dans le sélecteur de points relais en caisse et dans le sélecteur de points relais du panier.
- Une clé Google de recherche d’adresse permet à vos clients de rechercher n’importe quelle adresse ou n’importe quel secteur en caisse, et de déplacer la carte pour voir les points relais qui s’y trouvent.
- Le sélecteur de points relais configuré dans la caisse Shopify, ou les points relais dans le panier. Voir Ajouter le sélecteur de points relais à la caisse Shopify ou Laisser vos clients choisir un point relais dans le panier Shopify.
- Un compte Google.
- Une carte bancaire. Google vous demande de configurer la facturation avant qu’une clé Google fonctionne, même si vous restez dans l’utilisation mensuelle gratuite.
Ce que cela coûte
Google vous offre chaque mois un certain volume d’utilisation gratuit, et facture l’utilisation au-delà. La carte est comptée chaque fois qu’un client l’ouvre. La recherche d’adresse est comptée à chaque recherche et chaque fois qu’un client déplace la carte. Les tarifs actuels de Google sont indiqués sur la page tarifs de Google Maps Platform. Dans Google Cloud, vous pouvez définir une alerte de budget, pour que Google vous prévienne par e-mail avant que la facture n’augmente. Une alerte de budget n’arrête pas les frais : pour plafonner ce que la recherche d’adresse peut coûter, définissez aussi une limite quotidienne de requêtes (un quota) pour la Geocoding API.Étape 1 : Créer un projet dans Google Cloud
Se connecter à Google Cloud
Créer un projet
Configurer la facturation
Étape 2 : Activer les API
Dans votre projet, ouvrez Google Maps Platform et activez (Enable) ces deux API :- Maps JavaScript API : affiche une carte sur une page web, comme votre caisse.
- Geocoding API : permet à vos clients de rechercher une adresse ou une zone, et de déplacer la carte pour voir les points relais qui s’y trouvent.
Étape 3 : Créer la clé Google Maps et la limiter à votre boutique en ligne
Dans Google Maps Platform, ouvrez Keys & Credentials, cliquez sur Create credentials et choisissez API key. Google affiche votre nouvelle clé : un long code qui commence par « AIza ». Copiez-la. Une clé non limitée fonctionne sur n’importe quel site web : quelqu’un d’autre pourrait donc l’utiliser, et ce serait à vous de payer ses affichages de carte. Limitez-la aux adresses sur lesquelles vos clients passent commande.Ouvrir les paramètres de la clé
N'autoriser que les adresses de votre boutique en ligne
- Votre propre domaine, par exemple
https://nordlysliving.dk/*, ainsi que le même précédé de*., par exemplehttps://*.nordlysliving.dk/*, afin d’inclure des adresses comme www. et checkout. - Votre adresse Shopify, par exemple
https://nordlys-living.myshopify.com/*. https://shop.app/*, si vous avez activé Include block in Shop Pay pour le sélecteur.
N'autoriser que la carte
Enregistrer
Étape 4 : Créer la clé de recherche d’adresse
La recherche d’adresse nécessite une seconde clé. Contrairement à la clé Google Maps, elle ne doit pas être limitée à des sites web, sinon la recherche d’adresse ne fonctionnera pas.Créer une seconde clé
N'autoriser que la recherche d'adresse
Ne pas limiter les sites web
Enregistrer
Étape 5 : Ajouter les clés dans Zippendo
Ouvrir votre boutique en ligne
Coller la clé Google Maps
Coller la clé de recherche d'adresse


Les deux champs de clé de la carte Points relais en caisse
Vérifier que tout fonctionne
Démarrez une commande dans votre boutique en ligne, choisissez votre mode de livraison en point relais et cliquez sur Changer de point relais. Avec la clé de recherche d’adresse, le champ de recherche au-dessus de la liste indique Adresse, code postal ou nom du point relais. Avec la clé Google Maps, vos clients peuvent basculer entre Liste et Carte. Carte affiche une carte avec une épingle pour chaque point relais, au logo du transporteur. Avec en plus la clé de recherche d’adresse, les clients peuvent rechercher une adresse ou un code postal au-dessus de la carte, ou simplement déplacer la carte, et les points relais de cette zone s’affichent.
La carte que vos clients voient après avoir cliqué sur Carte

Cliquez sur une épingle, puis sur Choisir
Quelque chose ne fonctionne pas ?
- Il n’y a pas de carte. Copiez de nouveau la clé Google Maps depuis Google Cloud et collez la clé entière. Comparez l’adresse affichée dans votre navigateur pendant la commande avec les Website restrictions de la clé, et vérifiez que la Maps JavaScript API est activée et que la facturation est configurée. Lorsque la caisse affiche les modes de livraison dans une fenêtre par-dessus la page, il n’y a pas de bouton Carte : Shopify n’y autorise aucune carte.
- Zippendo indique « Google n’a pas accepté cette clé ». La clé de recherche d’adresse est limitée à des sites web, ou la Geocoding API n’est pas activée pour elle. Corrigez ces deux points dans Google Cloud, ou créez une nouvelle clé comme à l’étape 4.
- Les clients ne peuvent pas rechercher d’adresse, ou le déplacement de la carte n’affiche aucun nouveau point relais. Vérifiez que vous avez enregistré une clé de recherche d’adresse, et que la Geocoding API est toujours activée et la facturation configurée dans votre projet Google Cloud.
- Vous venez de modifier une clé. Attendez quelques minutes et réessayez.