Embeddable Directory iFrame Widget Live Preview

Ride Widget Builder

Configure filters and styles, then copy the iFrame code to embed a live ride directory on any site.

Geography & Filtering

Organization City State Exclude ride slugs (comma separated) Radius center (zip/address) Radius (miles) Latitude (optional override) Longitude (optional override)

Appearance

Default tab Theme Density iFrame height (px)

Feature Flags

Allow end-user filters Show Add event button Color code by difficulty + legend Prefix ride titles with city name

Live Preview

Widget preview

Updates as you change settings

<iframe
  src="https://3fp.org/ride/widget/frame"
  title="3FP Ride Listings"
  loading="lazy"
  width="100%"
  height="880"
  style="border:0; width:100%; max-width:100%;"
></iframe>