How do PamPam map embeds work?
PamPam allows you to embed an interactive map into your website so that people can view your map. When you make a change or edit in the PamPam map maker, the changes are automatically reflected in the embed.
Embeds don't allow people to sign in to edit the map or see any of the editing tools including the PamPam bot.
Embedding maps requires a paid plan. See plans.
How to embed a custom map on your website?
1. Copy the embed code of your map
Copy the URL of the PamPam , by clicking “Share” and then clicking on "Embed"
Decide if you want to embed it with our without the side panel
Copy the embed code
Change the dimensions “width” and “height” to the dimensions you need for your website.
If you want the panel to show up, the map needs be wider than 500px.
2. Paste the code in your website
Paste the iFrame code in your website
Or, paste the link directly
How do the embeds look like?
Here's an example of a PamPam map embed. There are different sizes you can use the map embeds on.
Do PamPam embeds work on mobile?
Yes, embeds are responsive automatically. Resize your desktop window to see a mobile embed preview. You have the option to show the panel, or not, on mobile.
Embed options
Show panel on desktop - This option allows you to see the full panel on your embed. If you turn it off, you'll get a horizontal scrollable list instead.
Show panel on mobile - This options allows you to see the full panel on your mobile embed. It'll appear at the bottom of your screen. We recommend using this "show panel" mode with a full height, and full width and only a header at the top. We don't recommend having a footer below it. See this example on mobile.
Where can I embed a PamPam map?
You can embed an interactive map in:
Notion - You can Embed in Notion without a paid plan. However, we don't support custom domains in Notion without a paid plan.
Framer
Webflow
Wix
Coda
and other places
You can't embed an interactive PamPam map in:
Substack
Ghost