Skip to main content

Shop Embed Library

  • Updated

The Embed Library is a cornerstone of the Shop Account. Once you've got your route library and POI library populated with your region's best routes and points of interest, you can use them to generate an interactive map that you can embed on your website. Using this embed style, visitors to your site can see the best routes in your area, click through to access individual routes which they can then navigate on the Ride with GPS app or their cycling computer, or print out a map and full cuesheet.

 

Before you get started, make sure your Shop Account should have a filled-out Route Library and POI Library with a liberal use of tags on all items to be shown on the map.

Learn more about the Route Library
Learn more about the POI Library

Get Started

  • Sign into the Shop Account

 

  • Click Embed Library > Create Map Embed

 

  • Give your embed a name. This is what will show up in the Embed Library and the top of the embed.

 

Add a route tag

  • Select a Route Tag from the drop-down list.
  • Click Add.

This will show all routes with your chosen tag. Don't see any routes? Go back to your route library and check your route tagging.

 

Route Colors

The route colors and links are assigned automatically, but you can change these settings to your liking.

 

  • Click Edit

 

Click the color swatch or Custom to bring up the color picker. You can choose a hue on the right and adjust the shade on the left. Or you can enter the hex value of the color to match your brand colors on the web.

Customize links on Routes

You get to pick where the link goes when someone clicks a route. It can be anchored in the page or a different page entirely. The default link goes the the full route page.
  • Enter your Custom URL Link in the text field > Click Save

 

Add POI

Restrictive POI (optional)
Restrict the POI categories to a specific tag. E.g. input "Portland" to show only Portland tagged POIs on any category.

Category POI

  • Select the POI tags you want displayed on the map into a category
  • Click Add to have them displayed on the map and a tab on the bottom of the map. Each category will be listed under the chooser along with it's status and an option to remove it.

 

Customize Your Map

  • Select your preferred map style from the list.
  • Select the Units in Imperial or Metric

 

Embed Code

  • Click the button Embed Code to get the html you'll need for your website.

 

Zoom to Bounds

  • Routes and POI - This zooms the map to the bounds of the Routes and POIs configured for the embed.
  • Routes Only - This zooms into the bounds of the selected routes regardless of selected POI.

 

Official PDF

With the Tourism Account, you can set an Official PDF so your riders can download a customized PDF map with a click of a button.
  • Click More > Print Map and Cue PDF from any of your organization’s route pages

To learn more about creating and customizing your PDF cuesheet.

 

 

  • Configure your desired settings and click Set as Official PDF.

Riders will be able to download your Official PDF directly from the event page and from the route page.

  • To remove your Official PDF settings, click Remove Official PDF.

 

 

Manage your Embed Library

Every embed you create for your organization will be listed in your Embed Library.
Listed by the Name you've given the Embed, its creation date, the Route Tag, and categories displayed.

Click Edit to change anything about an existing embed.
To delete an embed.
  • Check the box next to the embed to be deleted > Click Delete. Note: Deleting an embed cannot be undone!

 

POI Only Embed

You can also create POI only map embeds. This allows you to highlight different businesses and attractions

  1. Give the map a title
  2. Choose Category POI to add to map
  3. Click Embed Code to copy iframe

 

 

Related articles