Hello Everyone!
I am using Shopify Frues theme. I want to add Google Map to contact page. How do I fix this? Please help me. Thank you
Store: https://puppies-paws-shop.myshopify.com/pages/contact-us
Password: Admin
You can easily add a Google Map to your Contact page in a couple of ways:
Option 1 – Embed via Google Maps:
-
Go to Google Maps and find your store location.
-
Click Share → Embed a map → Copy HTML.
-
In Shopify admin, go to Online Store → Pages → Contact Us → Edit.
-
Switch to HTML view (the
<>button) and paste the iframe code where you want the map to appear. -
Adjust the
widthandheightif needed (e.g.,width="100%" height="400"). -
Save and preview your page.
Option 2 – Use a built-in map section (if Frues supports it):
- Go to Online Store → Customize → Contact page → Add section → Map and select your location.
Tip: Using the built-in section is often easier and ensures the map looks good on both desktop and mobile.
Best
Nobble
Hello @dreamtechzone_5
Please check your Google map API key and make sure the domain puppies-paws-shop.myshopify.com is not restricted access.
If you cant check and changes the Google map API key settings so the best alternative way is using embed code