Can I use our printed campus illustration?

Yes — that is the most common setup. Upload the same illustrated plan you print for tours and place a marker on each building. If you would rather show a real geographic map, you can do that instead.

Can hotspots link to department pages?

Yes. Each card can hold a button pointing at the department, program, or dorm page, which also sends internal traffic deeper into your site.

Is it usable for prospective students on phones?

Yes. Markers are tap targets and cards open full width, so someone reading on a phone during a campus visit can tap a building and see photos and hours without zooming.

Can we mark accessible entrances and parking?

Yes, and it is one of the most valuable uses — a marker per accessible entrance, elevator, or visitor lot, with a short note about the route.

Is it accessible for screen reader users?

Hotspots are keyboard-navigable and carry alt text, so a visitor using assistive technology can move through buildings in order rather than depending on the visual layout.

Do we need IT to install anything?

No. You build the map in the browser and hand your web team a single iframe snippet, which works in most CMS platforms without a plugin.

Use case · Education

A campus map students can tap their way through.

Put a marker on every building, dorm, lot, and accessible entrance. Each one opens a card with photos, hours, and a link to the department page.

Start free See the live editor

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

Interactive campus map with markers on buildings and an open card showing a building photo and hours

Your illustration or a real map

Use the printed campus plan you already have, or place markers on a live geographic map of the campus.

A card per building

Photos, what is inside, hours, and a link straight to the department or program page.

Accessibility markers

Call out accessible entrances, elevators, and visitor parking where people actually need them.

What you get

One marker per building, dorm, lot, or entrance
Photos and hours inside every card
Buttons linking to department and program pages
Accessible entrances and visitor parking marked clearly
Keyboard-navigable hotspots with alt text
One iframe your web team can paste anywhere

What a building card should say

Field	Example	Why it's there
Building name	Whitmore Hall	Matches signage and tour scripts
What's inside	Biology labs, advising	Answers the actual question
Hours	Open 7am–10pm	Matters most to visitors
Button	Department page	Sends prospects deeper

Why a flat PDF map or a coordinate tool isn't enough

Most campus maps live as a PDF that a prospective student has to pinch-zoom on a phone, or as an old HTML image map whose pixel coordinates drift the moment the image resizes. Interactive Image stores marker positions as percentages so they stay put on any screen, and each marker carries real content instead of only a link — see responsive image maps and the Image-Map.net comparison.

Legacy HTML image map with fixed pixel coordinates that misalign when the campus map resizes

Built for visit day

On a tour, everyone is holding a phone. Markers behave as tap targets and cards open full width, so a parent can tap a residence hall and read it without zooming — see hotspot alignment on mobile. Keep building names and department text on the page around the embed so search engines can still index them.

Campus map on a phone with a tapped building marker showing a photo and hours — 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