How to Use Electro Map Section
About Electro Map Section![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
What Is The Electro Map Section?![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Electro Map Section allows you to display a Google Map on your website. You can use this to show your offline store address or for any other purpose.
The Map section can include a maximum of one map item and one content item.
Access Electro Map Section![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Map’
Electro Map Section Configuration![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
To access the settings for Electro Map section, click on the section to open it.
Edit General Tab![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
To show your store’s location with a Map element, you can add your store’s address in the Map Address text box, then Google Maps will automatically load.
If you want to use your own custom image to show your store location, you can add a Custom Map Image that will replace Google Maps. The recommended size is 1600x80px.
Please note that the custom map image will override Google map canvas.
There are 2 options you can set the color scheme for this section, and to change the color scheme, please update your Theme settings. Learn more about Theme settings here.
- Scheme 1
- Scheme 2
Edit Layout![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
You can set the height on large screen with 2 options, including:
- 70% screen height
- 100% screen height
Please note that the section height self-adjusts for lengthy texts on large screens.
Map Content Item![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
The Map section allows you to add content to clarify information about your store address. By default, the content item will be displayed on the left side of the map on large-screen devices and on the top of the map on mobile-screen devices. The Map section can only have one map content item.
Click on the map item to set it up, including a heading, subheading, description, and button label. If you want to delete any element in the Content, simply remove the content for that element.
You can customize the button label by changing the text in the Label box and adding the link to the map in the Map Address text box. This allows customers to easily locate your store and enhance their shopping experience.
The button will be hidden if the text box is empty.
Frequently Asked Questions![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Why Should I Use the Electro Map Section?![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Electro Map Section is the great way to show Google Map on the online store, to help customers to get to your store faster. Showing location is also a powerful tactic to identify name and trustability.
Can I Add My Own Map To Google Map?![Copy Click to copy 2222](https://docs.saleshunterthemes.com/wp-content/themes/manual/images/icons/link.svg)
Yes, you can, but this is not recommended as Google Map shows most corrected addresses. To add a customized map, please click on ‘Map Section’ then click ‘Select Image’ in ‘Custom map image’.