Map

A map is useful when people come to you. It's also one of the heaviest and most privacy-sensitive things you can embed.

Sketch of a map with a location pin and an address card

The Google Maps widget

The free Google Maps widget takes an address or coordinates, zoom level and height. It embeds an iframe from Google with no API key needed. Pair it with a card showing the address as text, opening hours and a "Get directions" link (a link to the map service with your address works on every phone).

Privacy

An embedded Google map contacts Google as soon as the page loads, which under EU rules often requires consent. Options:

  • A static image of the map that links to the full map ("click to open").
  • Click-to-load: show a placeholder and load the iframe only after the visitor agrees.
  • An OpenStreetMap-based embed, which still loads from a third party but without Google tracking.

Layout

A full-width map with an address card floating on it looks good on desktop. On mobile, put the card above the map and keep the map short (250–300 px) so it doesn't trap scrolling fingers.