Map

The Map element lets you embed a Google Map into your website, making it easy to display the location of your business, event, or office. You can set a specific address, adjust the zoom level, and choose the map type—all directly from the visual builder.

Adding a Map element

To add a Map element to your page:

In the Layers panel, click the Plus icon (Add Element) or use the shortcut CMD + A
Scroll to the Utilities section
Choose the Map element and drag it onto the canvas

Configuring map settings

To update the map’s location and behavior:

Click the Map element on the canvas
In the Right sidebar, open the Settings tab
Adjust the following options:

• Address: Enter the location you want to show

• Zoom: Set how close or far the map is zoomed

• Type: Choose between Roadmap or Satellite

Ycode handles all the integration with Google Maps behind the scenes—no API key setup is needed.

Use cases

Use the Map element to show your store or office location, highlight an event venue, or enhance your contact page with a visual reference.