Can each hole show yardage and par?

Yes. A hole's card is a good place for yardage by tee, par, a photo from the tee box, and a short strategy note.

Can amenities link to booking?

Yes. Each card can carry a button pointing at your tee-time system, spa booking, or dining reservation page.

Does it work on an aerial photo as well as an illustration?

Both work. Illustrated routing plans read more cleanly for holes; aerial photos are better when you want guests to recognise the actual property.

Can I mark seasonal closures?

Yes — edit the card text once and every page carrying the embed shows the current status, which is far faster than re-exporting a printed map.

How does it behave on a phone on the course?

Markers are tap targets and cards open full width, so a guest can tap a hole and read yardage without pinch-zooming a PDF.

Will the page still rank for the course name?

Keep the course name, hole details, and amenity names as text on the page around the embed — search engines cannot read inside an iframe.

Use case · Golf & resorts

A course and resort map guests can explore hole by hole.

Place a marker on each hole and amenity. Every card holds yardage, photos, hours, and a booking link — on the routing illustration or an aerial of the property.

Start free See the live editor

Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace

Interactive golf course map with markers on each hole and an open card showing yardage and a photo

Hole-by-hole detail

Yardage by tee, par, a tee-box photo, and a short strategy note in each card.

Amenities that convert

Pool, spa, dining, and pro shop markers can link straight to booking.

Illustration or aerial

Use the routing plan for clarity, or an aerial photo when recognition matters more.

What you get

One marker per hole, plus every guest amenity
Yardage, par, and photos in each hole card
Booking links on dining, spa, and tee times
Seasonal hours and closures editable in seconds
Works on the routing illustration or an aerial photo
One embed for the course page, stay page, and partner sites

What to put in a hole card

Field	Example	Why it's there
Hole	Hole 7 · Par 3	Orients the golfer instantly
Yardage	168 / 152 / 131	The detail players look for first
Photo	View from the tee	Sells the round better than text
Button	Book a tee time	Turns browsing into a booking

Why resorts outgrow flat maps and coordinate tools

A printed routing plan cannot carry booking links, and an HTML image map only produces clickable regions whose pixel coordinates break when the image scales on a phone. Markers stored as percentages stay aligned at every size, and each one holds a real content card — compare that with a hand-coded HTML image map or a WordPress image map plugin.

Editor with markers placed on a golf course routing plan and a hole card being written — The editor: click to drop a hotspot, drag to fine-tune, then write the popup content on the right.

Guests are on their phones

Whether planning a stay or standing on the tee, guests open this on a phone. Markers are tap targets and cards open full width instead of relying on hover — see hotspot alignment on mobile. Keep the course and amenity names as text on the page so search still sees them.

Resort map on a phone with a tapped amenity marker showing hours and a booking button — On phones, hotspots become tap targets and the popup opens as a full-width card.

Continue exploring

Turn any image into a guided experience.

Free forever plan. Paste one iframe into your site and ship.

Create your interactive image