Map Sections

A Map section shows a Google Map of one address, with a “Get directions” link below it. It needs no Google API key or account: you type an address, or leave it blank to use your business address. Like other sections it has a heading and body above the map and outro text and buttons below it.

When to use it

• A contact or “visit us” page.
• A page for an event or a single location.

A Map section shows one pin. For several locations, use one map per location page, or list the addresses in another section with links to Google Maps.

Content

The Content tab holds the standard fields: Eyebrow Heading, Heading, Body Content, buttons, and Outro Content. In the Split layout the body sits beside the map, which suits an address, opening hours or a form shortcode.

The address

Type it in Address on the Map tab: a street address, a place or a business name, as you would search for it in Google Maps.

Leave Address blank to use the address saved under Promptless WP → Business Identity in wp-admin. The map reads that address each time the page is shown, so changing it there updates every map that uses it.

If there is no address in either place, the live page shows the section without a map, and the editor shows a reminder in the map’s place.

Loading: show immediately or click to load

Map Loading decides when the Google Map is fetched. A Google Map is a large download and sets Google cookies.

Mode	What visitors see
Show immediately	The map itself. The browser fetches it only as the visitor scrolls near it, and its space is reserved so nothing jumps when it arrives.
Click to load	A placeholder with a pin, the address and Load map. Nothing is fetched from Google, and no Google cookies are set, until the visitor selects it.

Choose Click to load when:

• Keyboard accessibility matters. In Show immediately, the embedded map is a keyboard stop, but the page cannot draw a focus outline on it, because the map is a separate document from Google. Keyboard users cannot see when they are on it. The Load map placeholder is an ordinary button with a visible focus outline. See Accessibility.
• Privacy rules require consent before contacting Google.
• The map is near the top of the page, where fetching it would slow the first view.

In either mode, the map’s own script and styles load only on pages that have a Map section.

Note

The editor always shows the placeholder, never the live map, whichever mode you choose. A note under it says how the map loads on the live site.

Layouts and display styles

Layout on the Map tab:

Layout	What it looks like
Stacked	Heading and body, then a full-width map, then outro and buttons. Set Map Aspect Ratio to Wide (16:9), Standard (4:3) or Square (1:1).
Split	The content in one column and the map in the other, filling its height. Map Position puts the map on the Left or Right. On phones the columns stack, content first.

Options

Option	Tab	What it does	Default
Address	Map	The place to show. Blank uses the Business Identity address.	Blank
Zoom Level	Map	Street (close up), Neighborhood or City (wide).	Neighborhood
Map Loading	Map	Show immediately or Click to load.	Show immediately
Directions Link	Map	Shows Get directions under the map. It opens Google Maps directions in a new tab, and works before the map has loaded.	Show
Layout	Map	Stacked or Split.	Stacked
Map Position	Map	Split only. Left or Right.	Right
Map Aspect Ratio	Map	Stacked only. Wide, Standard or Square.	Wide
Button Position	Layout	After Body or After Outro.	After Outro

The section also has the shared controls: Theme Variant, colour palette, Scroll Animation, background, heading size and the Advanced tab. See Working with Sections.

Limits and common problems

• One pin, Google Maps only. No multiple markers, no other map providers and no custom map styling.
• The map stays light in a dark section. Google’s embed cannot be restyled. The placeholder and directions link follow the dark theme.
• The wrong place is pinned. Google is matching the address text. Make it more specific: add the city and postcode, or use the business name as it appears on Google Maps.
• No map on the live page. Neither the section nor Business Identity has an address.

Related pages

• Working with Sections — Add, edit, reorder, duplicate, copy, convert, remix and delete the sections that make up a page, and the keyboard shortcuts for each.
• Accessibility — What Promptless WP does for WCAG 2.2 A/AA on its own, the one known gap, and what stays your responsibility on each site you deliver.
• Performance — What Promptless WP does to keep pages fast, how it is measured, and the parts of page speed that are down to your images, host and caching.