Website integration

Add your live map where attendees already are.

Mapboot is built to launch as a browser-based event map. Your team prepares the event structure, Mapboot builds the interactive map, and the finished viewer is embedded directly into your event website.

View Snippet Plan Integration

Integration goals

No app download Open the map from your event site, signage, emails, and QR codes.
One source of truth Keep buildings, floors, booths, categories, and exhibitor listings aligned.
Fast website handoff Embed the viewer in a page your web team already controls.
Process

The Mapboot integration flow

Integration is less about custom engineering and more about getting the map structure right before launch. Once the map is approved, the website embed is intentionally small.

1

Prepare event data

Create the event, add buildings and floors, upload floor plans, and organize exhibitor or location data before map production begins.

2

Build the map

Mapboot turns the approved floor plan into a live map with searchable locations, categories, routes, and optional brand treatment.

3

Embed the viewer

Your website page includes one target element and a small JavaScript initialization snippet that points to the approved map ID.

4

Launch and refine

Test on desktop and mobile, publish the page, share QR links, then use feedback and analytics to tune the attendee experience.

Embed

A small snippet powers the public map.

The website page needs a container for the viewer, the Mapboot viewer script, and a call to initialize the map. Replace the sample map ID with the production map ID from your Mapboot project.

  • Use a full-width container for the cleanest attendee experience.
  • Keep the map page easy to find from your main event navigation.
  • Test the same URL from QR codes, kiosks, email, and mobile devices.
event-map.html 
<!-- 1. Add a map container to your event page. -->
<div id="mapboot" style="width:100%;height:720px;"></div>

<!-- 2. Load the Mapboot viewer. -->
<script type="module"
  src="https://cdn.mapboot.com/releases/viewer/v.0.0.46/mapboot.min.js"
  onload="initMapboot()"></script>

<!-- 3. Point the viewer to your approved map ID. -->
<script>
  function initMapboot() {
    mapboot.init({
      target: "#mapboot",
      mapid: "YOUR_MAP_ID",
      unit: "m",
    });
  }
</script>

Before launch

Confirm map names, floor labels, booth IDs, category names, sponsor placements, and the final event URL before the page is promoted.

During the event

Use the same embedded page for attendee links, QR codes, help desk references, exhibitor emails, and signage throughout the venue.

After the event

Review search behavior, popular locations, and feedback so the next floor plan and exhibitor metadata are easier to improve.

Additional Details

Plan the map page before the event rush.

Bring your floor plan, exhibitor list, preferred event URL, and launch date. Mapboot can help turn those into a practical integration path.

Contact for Details