How do I ensure my Map Section on homepage is working correctly?

I’m attempting to plug a Map Section onto my home page. While I plugged in the Google Maps API key and the map actually displays in the box, how do I know it actually works? Viewing it in preview, it looks good but it’s not clickable, shouldn’t it be? Or is it only functioning after the website is published? Thanks!

Hello, @MelissaHJ

Follow these steps to enable the effective functionalities of your Google maps

Steps to Add the API to Shopify

  1. Go to your Shopify Admin dashboard, select “Online Stores,” and then “Themes”.
  2. Search for your page’s theme and choose “Customize”.
  3. Select “Add section”.
  4. Choose “Map” and select one.
  5. Enter all the information for your map.
  6. Paste your Google Maps API key to the according field.
  7. Hit “Save”.

Then After these you follow the next step to enable the Google Maps functionalities

Enable an API

  1. Go to the API Console.
  2. From the projects list, select a project or create a new one.
  3. If the APIs & services page isn’t already open, open the console left side menu and select APIs & services, and then select Library.
  4. Click the API you want to enable. …
  5. Click ENABLE.

/ Was my reply helpful? Click Like to let me know!

You can try this tutorial to add a map section to your Shopify store without the need to use any API access