A GPX file is a standard GPS format that works with all running watches and apps. It contains waypoints that guide you along the heart-shaped route, turn by turn.

Which devices are compatible?

CityHeart routes work with Garmin, Apple Watch (via WorkOutDoors or Strava), Coros, Suunto, Polar, and any app that imports GPX files like Strava, Komoot, or AllTrails.

How do I load the GPX on my watch?

For Garmin: upload via Garmin Connect. For Apple Watch: use the Strava or WorkOutDoors app. For Coros: import through the Coros app. Each takes under 2 minutes.

Can I modify the route after purchase?

Yes! Use our free route editor to adjust the start point, distance, or shape. You can also re-generate a new heart in the same city at no extra cost.

Can I gift a heart route to someone who runs?

Yes. Use the gift option at checkout: they get a personal gift page and GPX in their city — ideal for Valentine's Day, birthdays, and anniversaries.

How accurate is the heart shape?

The route follows real roads, so it won't be mathematically perfect. But viewed on Strava or Garmin, the shape is clearly recognizable as a heart — that's the magic of GPS art.

What is the easiest way to embed a running route on a website?

An iframe. Every major option — Strava, Ride with GPS, RunGo and CityHeart — gives you an HTML snippet you paste into a page, with no JavaScript to install and no build step. The differences are not in the difficulty of installing, they are in who the embed is branded for, whether a visitor can download the route, and whether you had to draw it yourself first.

Can I put my own brand colours on an embedded route?

It depends on the tool and on how far "branding" goes. Ride with GPS lets Shop and Tourism accounts set a hex colour for the route lines. A Strava embed always carries Strava's own interface. CityHeart repaints the whole widget — buttons, gradients, footer logo — from a partner record, so the embed reads as yours rather than as a vendor's.

Does embedding a Strava route cost anything?

Embedding a public route or activity is free, and Strava does not limit how many you embed. The paid part is upstream: building routes in Strava's Route Builder is a subscriber feature. So the honest way to put it is that the embed is free once you have a route, not that the embed is paid.

Which option lets visitors download the GPX?

Ride with GPS and RunGo both let a visitor take the route to a watch, and CityHeart serves a GPX for Garmin, Apple Watch, Coros, Suunto and Strava. A Strava embed is a map to look at: it points the viewer back to Strava rather than handing them a file from your page.

Do I need to draw the route myself?

For Strava, Ride with GPS and RunGo, yes — the embed displays a route you or someone in your organisation created. CityHeart generates the route from an address or a city, so there is nothing to draw. That is the main practical split between these tools: a library of routes you own versus a route produced on demand.

Embed a Running Route on Your Website: 4 Options

2026-08-18 · 7 min read · Guide

Strava, Ride with GPS, RunGo and CityHeart each embed a route with one HTML snippet. What each actually does, what it costs, and which fits your case. This comprehensive guide covers everything runners need to know about GPS art, heart-shaped routes, and how to create stunning Strava activities that stand out. Whether you are a beginner or an experienced GPS artist, you will find actionable tips, real-world examples, and step-by-step instructions to elevate your running with creative route planning.

GPS art has exploded in popularity among runners worldwide. Over 3,000 curated heart-shaped routes are available on CityHeart across 200+ cities in 50+ countries. Each route is designed to follow real roads and paths, creating a clear heart shape visible on Strava, Garmin Connect, Apple Health, and other fitness tracking platforms. Routes range from 3 km to 15 km, making them accessible for walkers, joggers, and marathon runners alike.

Ready to try GPS art? CityHeart routes start at just €4.99 with instant GPX download. No subscription required. Compatible with Garmin, Apple Watch, Coros, Suunto, Polar, and any device that imports GPX files. Perfect for marathon shakeout runs, Valentine's Day, birthdays, anniversaries, or any day you want to make your run more meaningful.

Key takeaways

GPS art routes follow real streets to create shapes visible on running apps
CityHeart offers 3,000+ curated heart routes in 200+ cities worldwide
Routes are available as GPX files compatible with all major running watches
Distances range from 3 km to 15 km for all fitness levels
€4.99 per route — instant download, no subscription

Frequently Asked Questions

What is the easiest way to embed a running route on a website?: An iframe. Every major option — Strava, Ride with GPS, RunGo and CityHeart — gives you an HTML snippet you paste into a page, with no JavaScript to install and no build step. The differences are not in the difficulty of installing, they are in who the embed is branded for, whether a visitor can download the route, and whether you had to draw it yourself first.
Can I put my own brand colours on an embedded route?: It depends on the tool and on how far "branding" goes. Ride with GPS lets Shop and Tourism accounts set a hex colour for the route lines. A Strava embed always carries Strava's own interface. CityHeart repaints the whole widget — buttons, gradients, footer logo — from a partner record, so the embed reads as yours rather than as a vendor's.
Does embedding a Strava route cost anything?: Embedding a public route or activity is free, and Strava does not limit how many you embed. The paid part is upstream: building routes in Strava's Route Builder is a subscriber feature. So the honest way to put it is that the embed is free once you have a route, not that the embed is paid.
Which option lets visitors download the GPX?: Ride with GPS and RunGo both let a visitor take the route to a watch, and CityHeart serves a GPX for Garmin, Apple Watch, Coros, Suunto and Strava. A Strava embed is a map to look at: it points the viewer back to Strava rather than handing them a file from your page.
Do I need to draw the route myself?: For Strava, Ride with GPS and RunGo, yes — the embed displays a route you or someone in your organisation created. CityHeart generates the route from an address or a city, so there is nothing to draw. That is the main practical split between these tools: a library of routes you own versus a route produced on demand.