> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/map.md).
# Map
The Map Section helps visitors easily locate your business and access essential contact details, such as address, phone, and open hours — ideal for store pages or contact areas.
To customize the Map in our theme please follow the steps:
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section**
2. Locate **Map**
3. **Save**
{% endhint %}
**General**
* **Layout** – Choose the map display format (*Default*).
* **Color scheme** – Apply a predefined theme color (e.g., *Scheme 1*).
* **Contact Address Iframe** – Paste your Google Maps *iframe* embed code here.
> Copy it from Google Maps → “Share” → “Embed a map” → copy HTML code.
**Heading**
* Add a title like *Contact Us*, *Find Us*, or *Our Location*.
***
**Contact Information**
Toggle what information appears alongside the map:
* **Show address** – Display your physical location.
* **Show phone number** – Add a phone line for direct contact.
* **Show email** – Include your business contact email.
* **Show open time** – Display business hours.
* **Show social** – Add links to your social media.
* **Label button** – Customize call-to-action (e.g., *Show on Google Map*).
* **Link button** – Add your direct Google Maps link or contact page URL.
***
**Section Padding**
Adjust spacing for visual balance:
* **Padding top:** 0px
* **Padding bottom:** 0px
* **Remove default space between sections** – Toggle ON to merge smoothly with nearby content.
***
💡 **Tips:**
* Use a high-contrast color scheme for readability.
* If your site has multiple stores, use separate map sections for each.
* Keep address details updated for better local SEO visibility.
