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.

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 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.

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.