Trailroll

How to add an interactive travel map to your blog

Updated November 10, 2026 · 4 min read

A map is the quickest way to show readers where you've been. Instead of a static screenshot, you can embed an interactive map: readers pan around, open trips and click photos right on your page.

Get the embed code

  1. 1Build your map in Trailroll by uploading photos from your trips.
  2. 2Open Share map and turn on the public link.
  3. 3Choose which trips to show, and whether to hide exact locations or dates.
  4. 4Copy the embed code. It's a short iframe snippet.

The embedded map follows the same settings as your share link. Change the trips or privacy settings later and the map on your blog updates without touching the code.

Put all your trips on one mapUpload your photos and Trailroll pins each one where it was taken. Free for your first 500 photos.
Make my travel map

Paste it into your site

  • WordPress: add a Custom HTML block and paste the code.
  • Squarespace: add a Code block and paste the code.
  • Wix: add Embed Code → Embed HTML and paste the code.
  • Ghost: add an HTML card.
  • Webflow: add an Embed element.
  • Plain HTML: paste the iframe where the map should appear.

Platforms that don't allow iframes, such as Medium and Substack, can't show an interactive map. Post the share link instead: it shows a preview card with your map.

Tips for a good blog map

  • One map per trip report, one overall map on your About page. Share settings let you include only the trips that fit the post.
  • Hide exact locations if the map includes places like home or where you stayed.
  • Give the map room. A full-width embed around 500 pixels tall works on desktop and mobile.

Questions

Is embedding free?
Yes. Sharing and embedding are included in the free plan.
Will the embed slow down my page?
The map loads in its own frame after your page, so your text and images appear first.

Related guides