Create a Google Maps API key (extensibility)
Pour ajouter une carte de Point Relais dans checkout ou thank you extensibility, vous devez générer une clé API Google Maps.
Attention: Activer la carte dans le module via une clé API Google représente un coût supplémentaire facturé par Google. Ce montant mensuel (basé sur le nombre de cartes affichées) peut représenter un coût élevé. Nous ne procéderons à aucun remboursement lié à des frais Google API. Vous devez vous assurer que ces coûts sont supportables pour votre activité.
Voici les prix pratiqués par Google pout son service -> Tarifs Google Maps API
Créer une clé Google Maps Javascript API
- Rendez-vous sur le site de Google pour les développeurs. Si vous avez déjà un compte, passez à l'étape 3. Sinon, créez un compte -> https://console.cloud.google.com/
Acceptez les CGV de Google
- Si vous n'avez pas encore créé de projet, vous devez le faire maintenant. Si vous avez déjà créé un projet dans le passé, passez à l'étape 7
Cliquez sur "Sélectionnez un projet"
Cliquez sur "NOUVEAU PROJET"
Donnez-lui un nom et sélectionnez votre Organisation
Vérifiez que vous êtes dans le bon projet, et recherchez "credentials" ou "identifiants". Sélectionnez API credentials ou identifiants pour vous rendre dans le menu API de votre projet
Cliquez sur "ENABLE APIS AND SERVICES"
Recherchez "maps javascript API" et sélectionnez l'API de Google correspondante
Cliquez sur ENABLE pour l'activer
Si ce n'est pas déjà fait, Google devrait vous demander d'ajouter une carte bancaire. Suivez les deux étapes pour configurer votre mode de paiement
Google devrait ensuite afficher votre clé API dans une popup. Conservez bien cette clé API, car vous devrez l'ajouter dans le bloc checkout dans Shopify
- Passez ensuite à la protection de votre clé API. Cette étape est très importante pour empêcher l'usage de votre clé par d'autres sites
Protection de votre clé API
⚠️ Si vous ne limitez pas l'usage de votre clé à certains sites (votre domaine), n'importe quelle entreprise pourra utiliser votre clé sur son site.
Sélectionnez votre projet et recherchez "credentials" ou "identifiants". Sélectionnez API credentials ou identifiants pour vous rendre dans le menu API de votre projet.
Allez dans le menu "credentials" ou "identifiants" et cliquez sur "Edit API key" dans le menu Actions (trois points verticaux)
Dans application restriction, sélectionnez Websites
Ajoutez les quatre sites ci-dessous, en remplaçant "MERCHANT-DOMAIN" par le domaine de votre site Shopify
- https://shop.app
- https://shopify.com
- https://[MERCHANT-DOMAIN].com -> Exemple: Si votre site est accessible à l'adresse www.monsite.com, vous devrez entrer https://monsite.com.
- https://*.[MERCHANT-DOMAIN].com -> Exemple: Si votre site est accessible à l'adresse www.monsite.com, vous devrez entrer https://*.monsite.com.
- Cliquez sur SAVE
- Ajoutez votre clé API dans Shopify en suivant ce tutorial et vérifiez que la carte s'affiche dans le checkout. Vous devrez répéter l'opération pour Checkout et Thank You extensibility
