# Pages 2.0 | Map Widget

**This article details what the Map Widget is and how to manage it.**

_Pages 2.0 refers to the new version of Happeo Pages, released on April 2, 2025. All Happeo accounts created from this date onward use the new page editor by default._

## What is the Map Widget?

The **Map Widget** allows you to embed interactive maps directly into a page, providing a useful tool for visualizing and sharing geographic information.

For more information about **adding widgets** to your page, please see [this article](https://help.happeo.com/hc/en-us/articles/31976051466513-Pages-2-0-Add-and-Manage-Widgets).

## How to manage the map widget

To **manage** the map widget:

1. Navigate the **page group** where the widget resides
2. Click the **pencil icon** at the top right of the page to open the **page editor**
3. **Hover your mouse over the widget** until it is highlighted in blue, and **click on it**
4. Select the **settings** (gear) **icon** at the top right of the widget
5. A new window will open where you can **adjust the widget's settings.** You can switch between the **Configure** and **Styles** tabs to adjust **what is displayed** and **how the content is displayed**

## Configure

- **Selected location**  - **Add location** – Click this option to add an **embed code.** Click ‘Select’ once you are done
- **Widget header** – Add a header to the widget. Once toggled, you can **type the widget’s header** in the **text field** that appears above the widget

### How to find an embed code in Google Maps

1. **Open Google Maps** and search for the desired location
2. Click the **Share** button
3. Choose **Embed a map**
4. **Copy** the generated **HTML code**

## Styles

- **Background color** – Select the background color of the section. The colors available to you will depend on what the **system default** is and the **[brand style](https://help.happeo.com/hc/en-us/articles/31976934443025-Pages-2-0-Create-and-Manage-Brand-Styles)** you are using
- **Padding** – Adjust the amount of background visible behind the widget. You can set a value between 0px and 100px. A larger value will show more of the background, making the section header and content appear **smaller**. A smaller value will minimize the background visibility, making the widget appear **larger**. Adjust the slider to fine-tune the amount of padding
- **Round corners** – Round the corners of the widget between the values 0px and 100px. A larger value will make the widget corners appear **rounder**, whereas a lower value will make them appear **sharper**

## More information about widgets

To **read more about what widgets are** and how to resize, copy, and delete them, please refer to [this article](https://help.happeo.com/hc/en-us/articles/31976051466513-Pages-2-0-Add-and-Manage-Widgets).

## Troubleshooting

### The map widget isn't loading or displaying correctly

- **Check internet connection** – Ensure you have a stable internet connection.
- **Verify embed code** – Double-check the embed code for any errors or missing parameters.
- **Clear browser cache and cookies** – Sometimes, browser cache can interfere with widget loading
- **Try a different browser** – If the issue persists, try accessing the page in a different browser

## Feedback

Got any feedback for us regarding Pages 2.0 Help Center content? Please fill out [this form](https://forms.gle/5WjvdZVUjN5zfgBk8).