Skip to main content

Flexi maps demo page.

This is a demo page showcasing the Flexi map plugin options. Each setup comes with an accompanying explanation, providing insight into its intended use case. 

1. Simple map

The map plugin can be used to embed a simple map without markers. The map can be zoomed and panned around. No other interactivity is included.

Close
Find Nearby Share Location Get Directions Close

1. Simple map V2

Static map with markers (non-interactive). Purpose: to visually show locations only—markers aren’t clickable and no additional info opens.

Close
Find Nearby Share Location Get Directions Close

2. Map with a side card

Map with a side card is a default map template. It allows us to place custom markers on the map. When clicked, a side card opens with additional information.
The side card features:

  • Image
  • Card title (max 50 characters)
  • Location
  • Description (max 200 characters)
  • CTA – Button or link (2-3 words)
Close
Find Nearby Share Location Get Directions Close

3. Map with video embeds

It is possible to embed a video instead of the image in each side card. The markers open in a side card when clicked.

Not in function yet

Close
Find Nearby Share Location Get Directions Close

4. Roadtrips

We can draw a line connecting the stops for a road trip. When clicked, each stop opens up with more details in a side card.

Close
Find Nearby Share Location Get Directions Close

4. Roadtrips V2

Interactive map with location markers and pop-up cards. Purpose: to highlight points of interest and show detailed info when users click markers. (see how it could be done in figma)

Not in function yet

Close
Find Nearby Share Location Get Directions Close