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.
  • f 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 +.

    select + 

  4. Enter a Project name.

    enter a project name 

  5. Select Yes or No to opt in to receive email updates.

    select yes or no 

  6. Under the "Terms of Service" statement, select Yes.

     select yes

  7. Select Create.

    select create 

  8. Wait for the creation process to complete.

     wait for the creation process to complete

  9. Select Create Project.

    select create project 

  10. Select Go to APIs Overview.

    select go to APIs overview 

  11. Select ENABLE APIS AND SERVICES.

    enable apis and services 

  12. Search Google Maps Javascript API.

    search google maps javascript api 

  13. Select Google Maps JavaScript API.

    select google maps javascript api 

  14. Select ENABLE.

    select enable 

  15. Select Create credentials.

    select create credentials 

  16. Select What credentials do I need?

    Note: After you enable the second API, you won't be asked "what credentials do I need?" again. Instead, select Library to search for and enable the next API.

    select what credentials do I need 

  17. Select Done.

    select done 

  18. Select Library.

    select library 

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

    repeat steps 12 - 18 

  20. Select Credentials.

    select credentials 

  21. Copy Your API Key.

    copy your api key 

     
  22. From "Shopify Admin", select Apps.

    select apps 

  23. Select Store Locator.

    select store locator 

  24. Select Need Help?

    select need help 

  25. Select Google Map API Key.

    select Google map API key 

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

    paste the Google API key 

  27. Select Save

    Select Save 

That's it!

Next Steps