Generate an API key for Google Maps

Split allows you to show a live version of your store's map on your website's contact page. For this purpose, you need to have a working Google Maps API Key. Here are the required steps to get one:

  1. Visit the API Console, at this link: https://console.developers.google.com/
  2. Log into your gmail account. If you don't have an account, you'll need to create one.
  3. Hit the Create project list button, and the create a new project by clicking the + button in the top right corner.
  4. Write a Project name, agree with the terms and then hit Create.
  5. Hit the Enable API button.
  6. Search for Google Maps Javascript API and select it.
  7. Enable it for your current project.
  8. Search for Google Maps Geocoding API and select it.
  9. Enable it for your current project.
  10. After the API's are enabled, click the Create credentials button.
  11. Choose to create an API Key.
  12. Last window will be one which will show you the Google Maps API key that you can now copy and paste in the proper setting of your store.

Restrict API access to only your store

Your API key is a unique identifier to your map section. To prevent others from using it, we recommend securing it by restricting access to only your domain.

To restrict your API key:

  1. Go to the Credentials page of the Google API Console.
  2. Select your project from the menu.
  3. Click the Edit button on the API key you generated.
  4. Click HTTP referrers (web sites) and add any domain your store will be using, including your .myshopify.com  domain. For example, you should include both myCustomDomain.com/* and shop1.myshopify.com/*  as valid domains.
  5. Click Save. Your API key should now be restricted to your domain.

Watch all these steps in a video:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.