Add Google Maps API to Store Locator

Follow

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, please 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 Enable APIs and Services.

    Select Enable APIs and Services

  10. Search Maps Javascript API.

    search google maps javascript api

  11. Select Maps JavaScript API.

    Select Maps Javascript API

  12. Select Enable.

    Select Enable

  13. Select Credentials.

    Select Credentials

  14. Select Create Credentials.

    Select Create Credentials

  15. Select API Key.

    Select API Key

  16. Select Close.

    Select Close

  17. Select APIs.

    Select APIs

  18. Repeat steps 10 - 17 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

  19. Select APIs.

    Select APIs

  20. Select Maps Javascript API.

    Select Maps Javascript API

  21. Select Credentials.

    Select Credentials

  22. 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

  23. From Shopify's admin, select Apps.

    select apps

  24. Select Store Locator.

    select store locator

  25. Select Need Help?

    select need help

  26. Select Google Map API Key.

    select Google map API key

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

    Google API Key

  28. Select Save

    Save

That's it!

Next Steps:

Blog Posts:

13 out of 14 found this helpful

Comments

0 comments

Please sign in to leave a comment.