Embed a single trails details on your website or blog.
Step 1: Choose a Trail
Step 2: Configuration
-
Map:
-
Details:
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!
PB BBcode
Advanced
-
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). -
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/
the following are the URL GET paramaters you can pass: trailid, width, height, map, trail_opacity, showphotos, elevation, titleshow, info, activitytype, noheader. Use the data-* in the "get the code" box above for reference.