For clubs, huts, race organizers and writers

Add a TrailSplits map to your website

Free, and plain HTML: no script, no account, no cookies. See them on example websites.

Which map?

A race course

Find the race and open its page: Add this course to your website is near the top. The map follows the course when the organizer updates it.

Organizing it? Publish your official course first, and the map says so.

Find a race Organizer tools

A trail, a plan or one day

Open the trail guide: Add to your website is near the top. Show the whole trail, or pick a plan or a day in the day planner first.

Find a trail

Your own route

Draw it in the Planner and save it as a Public route (free account), then use Add this route to your website near the top of its page.

A route shared by link only stays private and cannot be shown on other sites.

Open the Planner Public routes

Several in one map

A hut's way here and onward, a club's favourite routes, a race's courses: paste their links, name and order them.

Run a hut on a trail? Open the trail guide and find your night: Run this hut? builds the way here and onward for you.

Build a collection

  1. Open "Add to your website" On the page of your race, trail or route (see above).
  2. Choose What to show, a layout and units. The preview is the code.
  3. Copy and paste Into an HTML or embed block on your site.

Where are you pasting it?

Your own HTML page

Paste inside <body> where the map should appear.

It takes the width it is given. The height is fixed, so your page does not jump.

WordPress

+ → Custom HTML → paste → Preview.

If the map is gone after an author publishes, WordPress removed the frame: use the Link card layout.

Last checked on WordPress in September 2026

Newsletters and other builders

Use an Embed, Code or HTML block.

No map after publishing? Choose Link card: a picture and a link that works almost anywhere.

What your visitors see

  • The course at once. The line draws first; the map, profile and 3D follow when the widget is on screen.
  • The GPX and the full page open in a new tab, never inside your page.
  • Your page keeps its scroll. Zooming the map needs Ctrl (⌘ on a Mac) or two fingers.
  • Nothing to accept. No cookies, and nothing is asked of your visitors.

Questions

The frame is blank

Your site may block frames from other sites. Allow https://trailsplits.com in its content security policy (frame-src), or use the Link card layout.

The code disappeared after saving

Your editor removes frames for your role or plan. Use the Link card layout.

I picked the wrong course, plan or day

Open "Add to your website" again, choose, and copy the new code. Code you placed earlier keeps working as it was.

Can one widget show several routes?

Yes, up to six trails, days, routes or race courses, one map at a time: several routes in one widget. A hut can start from its trail: the day that reaches it and the day onward. Each item keeps its own facts, GPX and page; items labelled as shorter, longer, easier or alternative say how they differ from the main route.

How do I show one day of a trail?

Plan your days on the trail guide and show the day on the map. Then use "Add to your website" next to "Share plan": the builder offers the plan and that day.

Does the map stay up to date?
  • Races: the course's current published version. "Official course" appears only when the organizer has verified the race. A course locked in the builder stays that course. For an official course you can instead keep the version you see; the widget then says when the organizer publishes a newer one.
  • Trails: the reviewed guide; a plan you chose keeps its days.
  • Routes: only public routes can be shown. If the owner makes a route private, the widget stops showing it at once.
What does TrailSplits count?

How often a widget is shown on each website, per week: the site's name only, never the page or the visitor. And anonymous weekly totals of what widgets are used for (GPX downloads, 3D, opening the full page, maps that could not load), with no identifiers.

Can I remove the TrailSplits link?

Please keep it and the map credit (© OpenStreetMap contributors): the map data's licence asks for the credit.

See every kind on three example websites: examples.