Build Your Map

Table of Content

Step 6: Design your popup

Choose what visitors see when they click a marker.

The popup opens above a marker when it is clicked. The map moves so the whole popup stays visible.

MapFlow popup


Pick a layout

Layout

What it shows

Card with Image (default)

Image on top, then title, badge, rating, price, address, details, description and button

Compact Card

The same, without the image


Card with Image and Compact Card popups.


Choose what to show

Open the Popup group and switch rows on or off: Image, Category, Rating, Price, Address, Details, Description and Button. Change the Button Text if you want something other than "View Details". The button appears only when the location has a link.

Style it

Set the card Background and Radius in the same group. Text styles come from Text Styles (next step).


Tip: Visitors close the popup with the close button, by clicking the map, or by pressing Escape.


Next: Step 7, style your map.

MapFlow

·

©

2026

All rights reserved

MapFlow

·

©

2026

All rights reserved

Create a free website with Framer, the website builder loved by startups, designers and agencies.