Map & Text

Usage

Map & Text pairs a Map embed with a Content column in a two-column band — the same layout formula as Photo & Text, Video & Text, and Call To Action blocks. Use it for contact pages, location highlights, or anywhere you want directions beside supporting copy.

The block ships with a locked two-child template: map on one side, content on the other. You cannot add or remove columns, but you can edit everything inside each side.

Layout (parent)

• Block Size — even 50/50 split, larger map column, or larger content column (sidebar Block Settings)
• Swap Blocks — toolbar control reverses map and content on desktop only; on mobile, the map stays above the text

Map column (child)

The map column uses the Map block. Paste a provider embed iframe into the Embed field — Google Maps or OpenStreetMap both work.

Getting a Google Maps embed code

1. Open your location in Google Maps and click Share
2. Choose Embed a map
3. Click Copy HTML
4. Paste the iframe code into the Map block's Embed textarea in the editor

The map column defaults to full width within its half of the band. No API key is required when using a standard embed iframe.

Content column (child)

The right column is a Content block (ds/blocks-content) — a container for core blocks. The default template includes a heading, paragraph, and button; replace or extend with any blocks the Content area allows.

Use the Content block's own sidebar settings for background, text position, and reverse print on that column.

Block width

Map & Text supports Wide and Full alignment from the block toolbar (default is full width).

Tips

• Paste the full <iframe …></iframe> snippet from Google — do not strip attributes.
• Use Swap Blocks when the map should appear on the right on desktop.
• Keep the content column focused: address, hours, and a single CTA button work well beside a map.