Add a map to pages
Embed an interactive Google Maps location on your pages using the Map block. Paste a direct iframe source URL or generate maps instantly from a physical address.
Whether you are guiding clients to a local sunset workshop, pinning the exact location of a remote landscape shoot, or directing visitors to your gallery space, the Map block provides a seamless, interactive layout element for your site.
The Map block uses a secure iframe embed to render on your live, public site. Unlike resource-heavy WordPress themes that rely on complex JavaScript APIs, this approach keeps page loads fast and mobile-friendly.
Prerequisites: Choose your path
Path A: Zero setup (paste a direct embed URL)
Ideal if you only need a one-off map on a specific page and do not want to use the Google Cloud Console.
- Go to Google Maps.
- Search for your location, then click Share.
- Select the Embed a map tab.
- Copy only the source URL inside the
src="..."attribute of the generated iframe snippet. It will look like:
https://www.google.com/maps/embed?pb=!1m18!1m12... - You can paste that URL in the block Attr panel (see below)—no API key required.
Path B: Seamless generation (save a global API key)
Recommended for active workshop hosts and event organizers. Save one developer key in ArtInStack, then generate map embeds from a street address directly in the page editor.
- Open Settings → Integrations → Maps in your dashboard.
- Select Google Maps as your provider.
- Paste your Google Maps Embed API key.
- Pro tip: Enable the Maps Embed API in Google Cloud and add an restriction for your domain to prevent unauthorized use of your key.