Créer une clé API Google Maps

Pour intégrer une carte de Point Relais dans les pages de paiement ou de remerciement extensibility, il est nécessaire de générer une clé API Google Maps, ceci est une obligation de Shopify.

Il est important de noter que l'activation de la carte dans le module en utilisant une clé API Google peut entraîner une facture supplémentaire de Google. Le coût de ce montant mensuel (calculé en fonction du nombre de cartes affichées) peut être élevé. Aucun remboursement ne sera effectué en raison des frais mentionnés ci-dessus.


Cliquez ICI pour connaitre les tarifs de Google, en sachant qu’il y a 10 000 chargements de cartes sans frais par mois (soit 10 000 commandes en point relais par mois).


Création d’une clé Google Maps API


  1. Rendez-vous sur le site de Google dédié aux développeurs. Si vous êtes déjà inscrit, vous pouvez passez directement à la prochaine étape.

    Autrement, créez un compte : https://console.cloud.google.com/


  1. Si vous avez déjà un projet existant, vous pouvez passer directement à l’étape 5.

    Sinon, vous devez créer un nouveau projet.

  1. Choisissez votre organisation ou cliquez sur “NOUVEAU PROJET”

  1. Renseignez le nom du projet et sélectionnez l’organisation

  1. Après avoir cliqué sur “CREER”, vérifiez que vous êtes bien dans le bon projet en haut à gauche, puis effectuez une recherche de ressource dans la barre en haut de la page en tapant le mot “maps javascript API”. Sélectionnez la ligne correspondante.

  1. Cliquez sur “ACTIVER”.

  1. Si vous n’avez pas encore de carte bancaire de présente dans votre compte Google, suivez les deux étapes pour ajouter un moyen de paiement.

  1. Une fois la configuration terminée, vous aurez accès à votre clé API. C’est celle-ci que vous devez renseigner dans la configuration Shopify



Protection de votre clé API


La protection de votre clé est une étape importante afin d’empêcher quiconque d’en faire usage et donc d’utiliser vos crédits.

  1. Toujours au sein de votre projet, cherchez la ressource "identifiants" et selectionnez le menu "Identifiants - API et services".

  1. Cliquez sur les trois petits points au bout de la ligne de votre clé, puis sur "Modifier la clé".

  1. Dans la partie "Définir une restriction d’application", choisissez "sites web" puis cliquer sur "ADD".

  1. Ajoutez les cinq sites ci-dessous en remplaçant [NOM-DE-DOMAINE] par le domaine de votre site Shopify :

    - shop.app

    - shopify.com

    - *.myshopify.com

    - [NOM-DE-DOMAINE].com

    Exemple: Si votre site est accessible à l'adresse www.monsite.com, vous devrez entrer monsite.com.

    - *.[NOM-DE-DOMAINE].com

    Exemple: Si votre site est accessible à l'adresse www.monsite.com, vous devrez entrer *.monsite.com.

  1. Cliquez sur "ENREGISTRER" pour terminer la configuration de votre clé.

  1. Reportez-vous à la vidéo ci-dessous pour finaliser l’intégration

Une question ? un problème ? Toute l’équipe du Studio reste à votre disposition pour vous accompagner, n’hésitez pas à nous contacter !

Avez-vous toujours besoin d'aide ? Contactez nous Contactez nous