Providing clear direction of your business location on your Shopify store helps shoppers to reach your offline without getting lost in the woods.
Shopify Google Maps is one of the most accurate ways for your shoppers to find you.
Why Add Google Maps to Your Store?
When you are working both online and offline, Google Maps makes it easier to grab footfalls in your offline store and especially helps with improving your local SEO.
Here are some key benefits of embedding Google Maps in your store:
- Boost brand awareness among local shoppers or tourist
- Improve customer trust by displaying a genuine physical presence
- Build a professional brand image with all the accurate information
Adding Google Maps is a direct process which can done either Shopify app for Google Maps or embedding Google Maps in the code.
Follow the below steps to embed Google Maps into your store easily.
Steps to Embed Google Maps on Shopify
Step 1: Retrieve the Embed Code from Google Maps
Go to Google Maps and search for your business or location to embed in the store. From the business profile page, click share and copy the embed HTML code.
Step 2: Navigate to Shopify Theme Editor
Now, log in to your Shopify Admin panel. Go to Online Store> Themes > Customize.
Step 3: Add HTML Embed Code of Google Maps
Then, navigate to the page where you want to add Google Maps from in the theme editor. There, click on the + add section and select custom liquid code.
Paste the copied Google Map embed code into the Liquid Code field.
From here, you can also edit the height and width attributes in the code to change the size of Google Maps. For, e.g., Set width=100% to display a full-width map.
At last, click the Save button, and your map will appear on the desired page.
That’s all in just 3 steps Google Maps is embedded in your Shopify store. 🎉
Frequently Asked Questions
How to Display Google Maps Only on Certain Pages in Shopify?
Navigate to the particular page’s theme editor, add a new section, and paste the copied Google Maps embed code into the Liquid field. Click save to make the changes live.
Do I Need a Google Maps API Key for Shopify?
You will need a Google API key if you prefer a custom Google Maps integration. If you follow an Embedded Google Maps method, no API is required.
Can I Change the Width of Google Maps on the Shopify Page?
Yes, you can change the height and width of the Google Maps on the Shopify page. From the liquid field, where you have added the “Embed HTML” code – you can edit the height and width attributes in the code to change the size of Google Maps.
Now, try this solution yourself and easily show Google Maps on your desired Shopify pages.
