Map

Where you are, as a picture of a map you upload — plus your address, your opening hours, and a "Get directions" link that opens a real, routable map.

The theme never loads a map from the internet. Nothing is embedded, nothing is tracked, and the map cannot slow your page down. When a visitor actually wants to navigate, they tap Get directions and land in their own map app, with routing from wherever they are.

Try it

←Map

Color scheme

Directions link

Where "Get directions" sends visitors — paste the share link from your listing on any map service. It opens in a new tab, so nobody loses your page. Leave it empty and no link appears.

Business name

Shown above the address, and used as your business name in search-engine results.

Address line 1

Address line 2

City

Country

Storefront preview

Uisce Design Studio

12 Nun's Island Street
Galway, H91 X4RD
Galway, Ireland

Opening hours

Monday – Friday

9:00 – 17:30

Saturday

By appointment

Sunday

Closed

Get directions

Nothing here talks to a map service — the map is a picture. Clear the Directions link and the link disappears rather than going nowhere.

How it works

Why an image, and not an embedded map

An embedded map is a live window into someone else's website. It loads their code on your page, it reports every one of your visitors to them before anyone has even looked at it, and it costs you page speed on a section most people scroll straight past.

A picture costs none of that, and a visitor who genuinely wants directions is better served by their own map app than by a small embedded square they have to pinch and drag. So: you upload the picture, and the link takes them somewhere that can actually navigate.

Getting your map image

Open your business's listing on any map service, frame the view you want, and take a screenshot — or use that service's export/share-image option if it has one. Upload it as Map image.

Check the licence on whatever map you screenshot. Most map services require you to credit them when you show their map, and some don't allow it at all. The credit usually has to be visible in the picture itself. (The demo store's map is built from OpenStreetMap, whose "© OpenStreetMap contributors" credit is part of the image.)

The image is cropped to a wide letterbox, taking the middle. Keep your pin near the centre, and keep any credit line away from the very edge or the crop can shave it off.

The directions link

Directions link is where "Get directions" sends people. Open your listing on your map service and copy its share link. It opens in a new tab, so nobody loses your page.

Leave it empty and no link appears. Leave the Map image empty and no map appears — the address card simply takes the full width, and the section still does its job.

Settings

Setting	What it does
Map image	The picture of your map. Optional — without it, the address card stands alone.
Directions link	Where "Get directions" opens. Optional — without it, no link is shown.
Business name	Shown above the address, and used as your business name in search results.
Address line 1 / 2, City, Country	The address, as real text.
Color scheme	Which of your theme's colour schemes the section uses.

Add an Opening hours block per day. Leave a day's hours empty and it shows as Closed — which is information, so it is never a blank row.

Search engines

The address card carries LocalBusiness and PostalAddress structured data, and each day's hours are marked up as opening hours. That is what lets a search engine show your address and whether you're open — so the address belongs in these fields as text, not baked into the picture.

Accessibility

The map image is marked decorative and skipped by screen readers. That's deliberate: a picture of a map is useless to someone who can't see it, and everything it shows — the name, the street, the hours — is right beside it as real text. The address card keeps its own solid backing, so it stays readable over a bright street map or a dark satellite export alike.