Configuring popups
Set up what viewers see when they click a map feature. Write custom popups, add links, charts, and embeds, and build calculator popups.
Start here
How popups work in MangoMap
How popup types, titles, formatting, and visibility fit together.
How to use the default popup
Show a flat list of visible attributes using the Format tab.
How to disable popups on a layer
Turn popups off entirely on a layer.
Build a custom popup
How to write a custom popup template
Design a formatted popup with variables, links, images, and more.
How to insert attribute values into a custom popup
Insert field values into popup text and titles.
How to show or hide content based on a feature's attributes
Render different popup content when a condition matches.
Add more content
How to add dynamic content to a custom popup
Combine equations, charts, conditionals, and action buttons.
How to add an image to a custom popup
Place static or per-feature images inside the popup.
How to add a table to a custom popup
Align label-value pairs in a table layout.
Actions and embeds
How to add a chart to a custom popup
Draw a bar or pie chart from feature attributes.
How to add an interactive button to a custom popup
Add a button or link that opens a web page or starts an email or call.
How to embed an iframe in a custom popup
Embed another web page inside the popup.
Contact links
How to add an email link to a custom popup
Start an email to one address or to each feature’s own address.
How to add a call or message link to a custom popup
Start a WhatsApp chat, Messenger chat, phone call, or text message.
Video
How to embed a YouTube video in a custom popup
Show a YouTube video directly in the popup.
How to embed a video file in a custom popup
Play an MP4 or WebM file from your own web host.
Calculations
How to add a calculated value to a custom popup
Compute a per-feature value inline with equations.
How to use operators and functions in equations
Learn the operators and functions the equation editor accepts.
How to build a calculator popup
Let viewers fill in a form and compute a result.