Showit doesn't have a native map widget — but it has the Embed Code element, and that's all you need. Paste one snippet and get a live, mobile-friendly map of your venues, locations, or city guide that matches your design.
What you paste into Showit's Embed Code element
<iframe src="https://roamrecs.com/view-collection.html?tripId=YOUR_TRIP_ID"
width="100%" height="600" loading="lazy"
title="My collection — RoamRecs"
style="border:1px solid #e2e8f0;border-radius:16px;max-width:100%;"></iframe>
<p><a href="https://roamrecs.com/view-collection.html?tripId=YOUR_TRIP_ID">My Collection</a>
— map by <a href="https://roamrecs.com">RoamRecs</a></p>You don't write this yourself — open your collection, click Share, choose Embed on your site, and copy.
how it works
No code knowledge needed — if you can add a text box in Showit, you can add a map.
Sign up free and save the places you want to show — venues you've shot, favorite local spots, or a full city guide. Each place becomes a real pinned location, grouped by region.
Open your collection, click Share → Embed on your site, and copy the snippet. It includes an attribution link that earns your Showit site a real backlink.
In the Showit app, add an Embed Code element to your canvas, paste the snippet, and size it on both your desktop and mobile canvases. Publish — your live map is up.
showit tips
A few Showit-specific details that make the map feel like part of your template.
Showit's separate canvases are an advantage here: give the map ~600px height on desktop and ~500px on mobile so it fills the screen nicely on both without scroll traps.
The default snippet ships with a 16px border radius. Tweak the inline border-radius in the snippet to match the rounded (or sharp) corners of your Showit template.
Showit blogs run on WordPress — paste the same snippet into a Custom HTML block in any post. One collection powers both, and both stay in sync.
Most Showit users are photographers — a "venues I've shot" map is the highest-impact place to use this. See the full guide for wedding photographers.
The map loads your live collection, so adding a new place in RoamRecs updates your Showit site instantly — you never need to touch the Showit app again.
The iframe only loads when visitors scroll to it, so your hero images and galleries load exactly as fast as they do today.
faq
Copy your RoamRecs embed snippet (Share → Embed on your site), then in the Showit app add an Embed Code element to your canvas and paste the snippet into it. Size it on desktop and mobile, publish, and you're live.
Yes — Showit's Embed Code element accepts any HTML, including iframes, on every plan that includes the Showit site builder.
Size the Embed Code element separately on your mobile canvas — around 500px tall and full-width works well. That's it; the map itself is mobile-first.
Yes. Showit blogs run on WordPress, so paste the same snippet into a Custom HTML block in any post.
Yes — unlimited embeds and views with a small "Map by RoamRecs" credit link. Pro adds white-labeling, custom colors and fonts, lead capture, and analytics. Details on the embed widget page.
No — the widget lazy-loads and never blocks your page from rendering.
Free forever, no credit card. Save your places, copy the snippet, paste it into an Embed Code element.