Multi-Route Embed

  • Updated


Create a Multi-Route Embed

  1. Create an event page and add all the routes you want included.
  2. After you have added all the routes to your event, click Share at the top of the event page.
  3. Select Embed Map to open the Custom Embed page. 



Custom Embed Options

  • Title and Description Fields - These will default to the name and description set for the event. You can edit these fields here to change them for your embed, but doing so will not change your event name and description.
  • Use Metric Units - Since you don’t have to be signed into an account to view an embedded route on another website, this will set the distances and elevation profiles to metric values.
  • Show Elevation - Enabling this options includes the elevation profile for the individual rides. By default, the elevation profile for the routes is enabled. Note: When you click Show All within the embed, the elevation profile is hidden. It is only shown when you click the name of an individual route within the embed.
  • Default to “Show All” - This will show all the rides on the map at once. Keep in mind that the more rides/routes that you have in your event, the longer the web page will take to render if this option is selected. Take this into consideration when optimizing the loading speed of your website.


Copy the Embed code by highlighting (selecting) the code and right-click > select Copy.

Paste the Embed code into your blog post or web page.



  • The event and all routes within the event MUST be set to PUBLIC for the embed to start showing up.
  • Any routes or rides added or removed will start to show up on the embed after you refresh the page. You will not need to update the embed code.
  • users: iFrames are not supported on, you can find workarounds, but if you use the self-hosted blog then you won’t have any issues using iFrames.
  • Working with just one route? Check out our Ride and Route Embeds help page.