# Google Map

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Google Map**".

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FWPhqKRVVIBMdo9kUUAei%2Fgoogle%20map.gif?alt=media&#x26;token=3a00a317-172f-448d-9ac4-9417ef074c97" alt=""><figcaption></figcaption></figure>

| Setting                                            | Description                                                                                                           |
| -------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| Layout                                             | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width. |
| Padding Container Full Width                       | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                              |
| Spacing top - Desktop / Tablet / Mobile            | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                      |
| Spacing bottom - Desktop / Tablet / Mobile         | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                   |
| Title                                              | Enter the title for the section.                                                                                      |
| Title Spacing Top / Title Spacing Bottom           | Determine the spacing top and bottom of the title.                                                                    |
| Text                                               | Enter the text content                                                                                                |
| Description Margin Top / Description Margin Bottom | Determine the spacing top and bottom of the description text.                                                         |
| Block Alignment                                    | Align the block content either to the right, to the left or center.                                                   |
| Content Max Width                                  | Determine the max width for the text content including title and description if Center Block Alignment is selected.   |
| Button Text                                        | Fill in the text for the button.                                                                                      |
| Color - Background Color - Border Color            | Set the color for the text, background color and also the border color for both normal and hover states.              |
| Button Max Width                                   | Determine the max width of the button.                                                                                |
| Button Link To                                     | Enter the link to redirect viewers to after clicking the button.                                                      |
| Button Spacing Top / Button Spacing Bottom         | Determine the spacing of the button from the top and bottom.                                                          |

#### CONTENT

| Setting           | Description                                                                                           |
| ----------------- | ----------------------------------------------------------------------------------------------------- |
| Insert Map Iframe | Insert and Iframe from any online map platform such as Google Map to display the map for the section. |