# 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://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FSDL7bGl27YnPiIrstuAQ%2Fgoogle%20map.gif?alt=media&#x26;token=3a00a317-172f-448d-9ac4-9417ef074c97" alt=""><figcaption></figcaption></figure>

## Section settings

### General

<table><thead><tr><th width="256">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Show Google Map</td><td>Toggle the visibility of the section.</td></tr><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).</td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr></tbody></table>

### Section

| Settings                                                                                                                                                                                  | Meaning                                                                                                       |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
| Title                                                                                                                                                                                     | Fill in the title of the section.                                                                             |
| Text                                                                                                                                                                                      | Fill in the description text of the section.                                                                  |
| Block Alignment                                                                                                                                                                           | Select the alignment of block content to be either to the Left, Right or Center.                              |
| Content Max Width                                                                                                                                                                         | Determine the maximum width of the content.                                                                   |
| Button Text                                                                                                                                                                               | Enter text for the section button.                                                                            |
| Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient | Set colors for button text, background and border for both normal and hovered/clicked states.                 |
| Button Max Width                                                                                                                                                                          | Specify the maximum width of the button ranging from 100px to 500px.                                          |
| Button Link To                                                                                                                                                                            | Insert the link for the section button to redirect to. Usually, the link will lead to the Store Locator page. |
| Insert Map Iframe                                                                                                                                                                         | Insert the embed code of a location from google map.                                                          |

###
