How to Embed an Interactive Map on Your Website
Add a searchable, interactive travel map to your blog or website with a single line of embed code. No plugins, no API keys — just paste and publish.
Last updated: March 2026
Why Embed an Interactive Map?
Static screenshots of Google Maps don't let readers explore. An embedded Content2Map is fully interactive: visitors can zoom, pan, click pins for details, and search across all locations — without leaving your page. For travel bloggers, this means readers spend more time on your post and actually use your recommendations.
Step-by-Step Guide
Create Your Map
Go to content2map.com/create-map and paste any URL — a blog post, YouTube video, or article. Content2Map's AI extracts every location and plots them on an interactive map.
You can also create a map from scratch by adding locations manually.
Save and Make It Public
Save the map to your Content2Map account. Maps need to be public to be embeddable. Toggle the visibility to public when saving.
Copy the Embed Code
Open your saved map and click the Embed button. You'll get an iframe code that looks like this:
<iframe src="https://content2map.com/embed/YOUR_MAP_ID" width="100%" height="500" frameborder="0"></iframe>Copy this entire line. That's all you need.
Paste into Your Website
Paste the iframe code into your website's HTML editor. Here's how on popular platforms:
WordPress (Block Editor / Gutenberg)
Add a Custom HTML block where you want the map. Paste the iframe code. Click Preview to see it.
WordPress (Classic Editor)
Switch to the Text tab (not Visual). Paste the iframe code at the position you want the map to appear.
Squarespace
Add a Code block to your page. Paste the iframe code. Save and publish.
Wix
Add an Embed a Widget element. Choose "Enter code" and paste the iframe. Adjust the size in the Wix editor.
Ghost, Notion, or any HTML site
Use the platform's HTML embed or code block, or paste directly into your HTML template.
Customize Dimensions (Optional)
Adjust the width and height attributes to fit your layout:
- •
width="100%"— Full width of the container (recommended) - •
height="500"— 500 pixels tall (default, good for most layouts) - •
height="700"— Taller embed for map-heavy guides
Tip: Use width="100%" so the map automatically adapts to mobile screens.
Why Travel Bloggers Embed Content2Map
Readers stay on your page longer. Instead of clicking away to Google Maps, visitors explore locations directly in your post. This reduces bounce rate and increases time on page — both positive SEO signals.
Your maps are searchable. Public maps on Content2Map appear in city pages and the explore feed. When someone searches for a destination you covered, they can discover your map — and click through to your original article as the source.
Live updates, zero maintenance. Edit locations on Content2Map and every embed updates automatically. No re-uploading screenshots or editing HTML.
No plugin bloat. Unlike WordPress map plugins that add JavaScript bundles and database tables, a Content2Map embed is a single iframe. No performance impact on your site.
Frequently Asked Questions
Does the embedded map work on mobile?
Yes. Content2Map embeds are fully responsive. The map adapts to any screen size, and visitors on phones and tablets get a touch-friendly, zoomable experience.
Can I embed a map on WordPress without a plugin?
Yes. Just add a Custom HTML block (Gutenberg) or switch to the Text tab (Classic Editor) and paste the iframe code. No plugins needed.
Is there a limit on embed views?
No. Once a map is public, it can be embedded on any number of pages and viewed unlimited times.
Can visitors interact with the embedded map?
Yes. Embedded maps are fully interactive — visitors can zoom, pan, click pins to see location details, and search across all locations on the map, all without leaving your website.
Does the embed update if I edit the original map?
Yes. The embed is live. Any changes you make to the map on Content2Map — adding locations, removing pins, editing details — are reflected automatically on every page where the map is embedded.
Create a Map to Embed
Paste any URL, generate an interactive map, and get embed code in minutes. Free to start — no credit card required.