Embed a list of routes.

Step 1: Configuration

  • Responsive:
    Leave this checked if you want the widget to resize automatically

Step 2: Filters

Narrow the results using the filters below.

47,232

Sorting

Activity Type

Route Type

Most Common Difficulty

Bike Type

Location

Country

Misc



reset

Widget Preview

This widget is responsive. The layout will change to a mobile friendly version at 500px. To test the responsiveness of the widget you may view it here and resize the window: Route List Widget

Step 3: Get the code

If including multiple Trailforks widgets on the same page, the javascript portion below only needs to be included ONCE per page!

Advanced

  1. You can optionally provide your own custom CSS file to custom style the widget to your desire.
    add the following code to the widgets DIV or iframe URL, data-style="URL_TO_YOUR_CSS_FILE" OR &style=URL_TO_YOUR_CSS_FILE
    You can set the widget width to 100% to have the widget height responsively adjust (must use the JS code, not iframe).
  2. You can include the widget source directly into your page using PHP CURL or a Javascript Ajax call.
    The direct URL to the widget source is: https://www.trailforks.com/widgets/route_list/
    the following are the URL GET paramaters you can pass: rows, query. Use the data-* in the "get the code" box above for reference.