Google Map Block

The Google Map Block allows you to seamlessly integrate Google Maps into your website. Whether you’re showcasing a specific location or providing directions, this block simplifies the process.

Google Map

Easily embed a Google Map on your page. Simply fill in an address field, adjust the zoom level, select a map type, and you’re done. This option uses an iframe to embed the Google Map.

Google Map with API Key

For enhanced features, obtain a Google API key by following the instructions in this help article: ‘Setting up API keys.’ Once activated, paste the key in the ‘Site Settings’ tab on the Site page after login.

To display a map, obtain latitude and longitude data:

  1. Open Google Maps.
  2. Search for your location.
  3. Right-click on the specific point on the map.
  4. Copy the displayed latitude and longitude from the pop-up.


Customize an info window at the pin location. Utilize the ‘Directions’ field to open a map with directions to the specified location. Dark mode compatibility ensures a seamless visual experience, unlike iframe maps that may not adjust and only display in ‘light mode.’