Map

Drop an interactive map onto a contact or location page.

Full-width Google Map on a contact page — Wisconsin State Capitol pin with info card and standard map controls.
Full-width Google Map on a contact page — Wisconsin State Capitol pin with info card and standard map controls.

Usage

Map displays a Google Maps embed from pasted iframe code. In Google Maps, open Share → Embed a map, copy the <iframe> snippet, and paste it into the block’s Embed field. Use the block toolbar for Full, Wide, or default width.

When to use it

Use on contact pages, event venues, or single-location footers. For multiple locations with filters, use Dirigible Locations blocks instead.

Tips

  • Confirm the pin in the editor preview before publishing.
  • Full-width alignment suits hero-style location sections; default width fits beside contact copy.
  • Map height follows the theme’s responsive defaults — you do not set it in the sidebar.

Screenshots

Editor

  • Map sidebar — paste a Google Maps iframe embed; the live preview updates in the canvas.
    Map sidebar — paste a Google Maps iframe embed; the live preview updates in the canvas.

Settings

Map

Embed setting in the block editor sidebar
Embed

Paste the iframe embed code from Google Maps (Share → Embed a map). The map preview updates in the editor as soon as the code is valid.