For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
Hello everybody!
Does someone know how to put in a specific page a Google Maps with some location pined, on the side some description? but I need this location to have the reviews, details, and information that Google Maps shows.
Something like this:
But made with google map and with all the other info that I need.
Please and thank you.
Hi OnlyS,
You should be able to embed a Google Maps component by creating a cloud.google.com account which gives you access to the Maps JavaScript API, via an API key. There's a good tutorial here on how to create a store locator with Google Maps Platform. Then you can create a new theme section and add script to display the map, and I'd recommend creating a input setting where the API key would be stored rather than hardcoding in the API key (in case you need to change it).
Alternatively you could use an app like this: https://apps.shopify.com/storeify-store-locator
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Hey there!
If you're looking for a super simple way to add a Google Map to your store, check out IzyMap: Google Maps Locator—I’m the creator, and I designed it to be as easy as possible. Just pop in your store’s name and address, and boom—your location is pinned on the map. You can also add extra info like store hours or contact details, and customize the layout and colors to fit your vibe.
Key highlights:
Perfect for anyone who wants a simple, no-fuss solution. 😊
Check it out here: IzyMap: Google Maps Locator