# Google maps

A great way to show your nearest store address when the customers want to do offline shopping.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/xvx7ujfUrVu1JCkOd1Tf/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Google maps**
3. **Save**
{% endhint %}

## Section settings <a href="#map-settings" id="map-settings"></a>

### **Section header** and **general**

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the background color and container type.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/b7Jcz2kzRwo6Fn61ZdFy/image.png" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/Qv8APJY8ZCEyYV41TbVV/image.png" alt=""><figcaption></figcaption></figure>

### **Iframe**

This refers to the embed code you can obtain from Google Maps, allowing you to integrate maps directly into your website or digital content for easy location referencing.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/dtcmAaY6MuhojNnZ1CQ0/image.png" alt=""><figcaption></figcaption></figure>

### **Section padding**

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/XtABV9mrs8l6ZOHM4CFq/image.png" alt=""><figcaption></figcaption></figure>
