Embed a list of trails in a region or riding area on your website.

Step 1: Choose a Region

Step 2: Configuration

  • Misc:
  • Custom Query:

    url query params you can use on the website trails page to further filter the widget list. In API format using :: to seperate param and value, and ; to seperate params.

Widget Preview

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!

Also check out the other region widgets, include a Region Map widget along with the region map!


  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 javascript, replacing URL_TO_YOUR_CSS_FILE: var 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/trail_list/
    the following are the URL GET paramaters you can pass: rid, width, height, displaytype, ce, ci, noheader. Use the data-* in the "get the code" box above for reference.
  3. "ce" parameter is a comma-delimited list of table columns to exclude (status,title,difficulty,rating,distance,alt_descent)
    "ci" parameter is a comma-delimited list of table columns to include