Top

Add Google Maps API to Store Locator

Store Locator requires a Google Maps API key to function, they are free and only take a few minutes to set up. The API key is how your store makes requests to Google for things like address lookups.

To create the API key, you will need a Google account:

  • If you have a Gmail email address, you have a Google account.
  • If you need a Google account, visit Google Account Signup.

To create an API key and add it to Store Locator, follow these steps:

  1. Log into Google Developer Console.
  2. Select Select a project.

    select a project

  3. Select New Project.

    Select New Project

  4. Enter a Project name.

    Enter Project Name

  5. Select Browse to choose a location.

    Select Browse

  6. Select a location, then choose Select.

    Select Location/Choose Select

  7. Select Create.

    Select Create

  8. Wait for the creation process to complete.

    Wait for Completion

  9. Select Create Project.

    Select Create Project

  10. Select Go to APIs Overview.

    Select Go To API's Overview

  11. Select Enable APIs and Services.

    Select Enable APIs and Services

  12. Search Maps Javascript API.

    search google maps javascript api

  13. Select Maps JavaScript API.

    Select Maps Javascript API

  14. Select Enable.

    Select Enable

  15. Select Credentials.

    Select Credentials

  16. Select Create Credentials.

    Select Create Credentials

  17. Select API Key.

    Select API Key

  18. Select Close.

    Select Close

  19. Select APIs.

    Select APIs

  20. Repeat steps 12 - 18 for the five remaining Google Maps APIs:
    1. Select Maps Roads API - > Enable - > Library.
    2. Select Maps Embed API - > Enable - > Library.
    3. Select Maps Geocoding API - > Enable - > Library.
    4. Select Maps Directions API - > Enable - > Library.
    5. Select Maps Geolocation API - > Enable - > Library.

    Repeat Steps 12-18

  21. Select APIs.

    Select APIs

  22. Select Maps Javascript API.

    Select Maps Javascript API

  23. Select Credentials.

    Select Credentials

  24. Copy your API Key.

    Note: Google Cloud accounts require you to enter additional payment information for the API to work correctly. When you enable billing, Google provides you with $200 of free usage every month for Maps, Routes, or Places. Visit Add, remove, or update a payment method (links to Google) for more information on setting up billing for Google Cloud Services.

    Copy API Key

  25. From "Shopify Admin", select Apps.

    select apps

  26. Select Store Locator.

    select store locator

  27. Select Need Help?

    select need help

  28. Select Google Map API Key.

    select Google map API key

  29. Paste the Google API Key you copied in step 13.

    Google API Key

  30. Select Save

    Save

That's it!

Next Steps:

Blog Posts: