Embed a map & details of a single ridelog.
Step 1: Choose a Ridelog
Step 2: Configuration
-
Stats:
-
Map:
-
Trails:
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/ridelog/
the following are the URL GET paramaters you can pass: id, stats, maps, trails, noheader. Use the data-* in the "get the code" box above for reference.