So, how to add Google Map to Shopify Page? Let’s check out this detailed guide from PageFly, best updated in 2023.
About PageFly Google Map
The Google Map PageFly element allows you to put the map directly from Google API onto your page so your visitor can find your location with ease to help to increase your conversion rate. You can use the Google Map element to display any physical location of your choice.
> Check out: What is Google Map API?
Learn how to seamlessly integrate Google Maps into your page with PageFly by watching this video tutorial below:
Access PageFly Google Map element
- Step 1: Click on the Plus icon which is the Add element function
- Step 2: Click on the Google Map element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
The Google Map element comes with a Basic and Advanced map.
Note that you can search this element by using the search function instead of finding it in the sidebar.
Basic Map Configuration
Google Map element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate. There are 2 variations of Google Map element, including: Basic map & Advanced map
Select the element in the layout to see its parameters.
General configuration
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here
Styling configuration
You can check more information about the Styling tab here
Advanced Map Configuration
General configuration
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here
Styling configuration
You can check more information about the Styling tab here
Frequently Asked Questions
Is Google Maps API free?
The Google Maps API is free for usages under 200$ per month.
Why using Google Map PageFly?
Google Map PageFly allows you to put the map onto your page so visitors can find location easier, which helps to increase sale and conversion rate. It also shows authority and trustworthiness of your page.