The Maps feature lets in-person attendees easily find their way around your venue and discover points of interest. As attendees explore the map, they click on regions to see features tied to that area of the venue, such as speaker profiles and sponsor booths. They can also view the map from a linked feature. As attendees browse through a sponsor profile, for example, they tap the location to zoom in on that spot on the Maps feature and see where to find the sponsor.

This connectivity between Maps and other features means your staff will spend less time telling people where to go. 🧭

Animated GIF showing a mobile app user navigating a Map.

This article walks through adding the Maps feature and its components, managing maps, and linking the map to other features.

Contents

Add the Maps feature

From the Edit Event/Community page within the Socio Platform, click the Add Features button. In the modal that appears, scroll to the Maps feature, click Add, then close the modal.

Animated GIF of navigating the Maps feature on the Web App.

Edit Settings

Hover over the Maps feature and click the Settings (⚙️) icon to customize the name and icon. Select Groups in the Visible to field to show the Maps feature to certain subsets of attendees.

Screenshot of the Maps Settings modal.

When you're done, click Save Changes.

Add maps, locations, and regions

There are two main facets of Maps — regions and locations. Regions are clickable sections of the map that you draw on top of the map image you upload. Locations are the names you apply to those regions. You can either create locations before you start uploading maps and defining regions, or create them as you draw regions.

Add locations

There are two ways to add locations — from the Locations tab, or after adding a new region to a map.

To add locations before uploading your maps, click the Edit button on the feature to open the Maps page.

Screenshot highlighting the Edit button on the Maps feature.

Click the Locations tab in the top right corner of the page, then click New Location. In the modal that appears, simply enter the name of the location and click Save Changes.

Screenshot showing the process just described.

Repeat until you've added all the locations you need. If you forget something, don't worry – you can come back and add more later or add locations while creating regions. 👍

Upload Maps

To upload a map and start drawing regions, click the Maps tab, then click the New Map button.

Screenshot showing the New Map button highlighted.

In the modal that appears, enter a Map Name that clearly tells attendees the corresponding building, level, or area. Next, click the Select Image button to upload a map.

Screenshot of the New Map modal.

In the next modal, upload a PNG or JPEG either by clicking and dragging or by clicking to select. Once you've added an image, adjust it with the sidebar tools if needed.

  • Use the Crop button to trim it down to the right size

  • Use the Circle button to select a circular part of the image to upload

  • Use the Rotate button to rotate the image at 90-degree intervals

Screenshot of an image uploaded in the Edit Image modal.

Click Save to start adding Regions to the map!

⭐️ Keep in mind, we recommend finalizing your map file before adding regions to it. Save the map without regions, and then check out the Web App and Mobile App as an attendee to make sure it looks good. If you replace the image after you've added regions, and the new image has different dimensions, the you may need to adjust the regions to fit the new map image.

Add Regions

Now, click Add Region, and then click and drag to designate the region that attendees will click on. When you draw a region, a small modal appears where you select the location the region corresponds to. Simply select the location from the drop-down and click Save. To add a new location, simply type the name of the location into the search field and click Create "location name".

Screenshot of the New Map modal with some regions already added.

If you need to edit any of the regions you've added, click Edit Regions, then click and drag the corners of a region to resize it. Click and drag the middle square in a region to move it to a different part of the map. Click Stop Editing to finalize your edits.

Screenshot of the New Map modal with the Edit Regions button activated.

To delete a region, click on the region you want to delete. In the modal that appears, click the Trash icon.

Screenshot of clicking the trash icon to delete a region on a map in the map editor.

Click Save Changes when you're done. You can upload as many maps as you like to your event, so go wild! 🗺

Manage maps and locations

After you've added locations and maps, they appear in a list on their respective tabs on the Maps page. Click the Settings (⚙️) icon to edit or delete a map or location.

Screenshot of the settings menu expanded on a map.

Click on a map's name to edit its regions or replace the image. Remember that changing a map image doesn't remove or automatically adjust regions you previously added.

Linking maps to other features

Although the Maps feature is great by itself, it needs other features to be its best self. 🏆 After you've added regions to your map, you can link locations to the following features:

Linking a feature to a map is as simple as picking a location from the Location drop-down in the feature. Refer to each feature guide listed above for specifics on where to add locations for that feature.

Screenshot of the Edit Session modal from the Agenda feature.

Maps in practice

On the Web App and Mobile App, attendees can click the Maps feature to explore your event. The drop-down at the top lets attendees switch between multiple maps. Attendees click a region to zoom in on the map, then they tap the location name to see a list of everything linked to that location. Check out the animated GIF below to view the Maps feature in action.

Animated GIF of opening the Maps feature from a linked Agenda session on the Mobile app.

If an attendee is viewing a feature linked to a location, tapping the location instantly opens the map feature and zooms to the relevant part of the map.

Animated GIF of opening the Maps feature from a linked Agenda session on the Mobile app.

Metrics

After attendees use the Maps feature at your event, check out the Feature Comparison chart on the Metrics tab to see the number of clicks for each Map.

Screenshot of the Feature Comparison chart with Maps indicated.

To view even more Maps feature data points, export the Metrics.

Pro Tips 😎

  • Consider having a separate map with your sponsors' logos as another way to showcase sponsors in your event.

  • If your venue is very large, feel free to break the map into sections and upload the sections as separate maps.

Now you know all about Maps! Check out the Agenda feature to add sessions that you can link to map locations. 🔗


Questions? Chat Us or Email support@socio.events

Did this answer your question?