> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mtnmanager.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Hosted Widgets

> Embed pre-built snow report, operating hours, and trail map iframes on your website.

Our Hosted Widgets allow you to embed professional snow report, operating hours, and trail map displays on your website with just two lines of code. The widgets are fully responsive and automatically update with your data. The snow report and hours widgets can be customized to match your site's styling.

<Tip>
  The easiest way to generate your embed code is through the visual builder in the **Developer** section of your MtnManager dashboard. It lets you configure options and preview your widget before copying the code.
</Tip>

## Available Widgets

### Snow Report

The Snow Report widget displays comprehensive conditions data including:

* **Overview** - Open/closed status with operating hours, plus overview of open runs/lifts and grooming
* **Snow Conditions** - Base depth, snowfall (for various time periods), and surface conditions
* **Weather** - Temperature, wind, and precipitation, plus hourly and daily forecasts
* **Lifts** - Real-time lift status, and wait time if tracked
* **Runs** - Run status with grooming information and public condition notes
* **Summer Trails** - Trail status for hiking, biking, and other summer activities
* **Terrain Parks** - Terrain park status and list of features
* **Parking Lots** - Parking lot status and amenities

Units default to your resort's preferred setting (imperial or metric), but visitors can toggle between them.

#### Example

```html theme={null}
<iframe data-mtnmanager-frame src="https://demo.mtnmanager.com/hosted/snow-report" style="border: none; width: 100%; height: 500px;"></iframe>
<script src="https://demo.mtnmanager.com/hosted/frame-handler.js"></script>
```

### Hours

The Hours widget displays your operating schedule including:

* **Regular Hours** - Weekly operating schedule
* **Calendar View** - Monthly calendar showing open days/hours and closures

The calendar distinguishes between days that aren't scheduled to be open (shown as white/blank) and override closures which display as red/closed.

#### Example

```html theme={null}
<iframe data-mtnmanager-frame src="https://demo.mtnmanager.com/hosted/hours" style="border: none; width: 100%; height: 500px;"></iframe>
<script src="https://demo.mtnmanager.com/hosted/frame-handler.js"></script>
```

### Trail Map

Turn your static trail map into a live, interactive experience—connected to real-time status data your team already manages.

#### Example

```html theme={null}
<iframe allow="fullscreen; geolocation" src="https://demo.mtnmanager.com/hosted/trail-map/94302c6d-6ca5-4ec3-a08b-a24809e6cdf5"></iframe>
```

## Customization Parameters

Customize the Snow Report and Hours widgets by adding query parameters to the iframe `src` URL. The Trail Map widget does not support customization parameters.

### Common Parameters

These parameters work with both widgets:

| Parameter                 | Type             | Default    | Description                                                                     |
| ------------------------- | ---------------- | ---------- | ------------------------------------------------------------------------------- |
| `fontSize`                | CSS size         | `16px`     | Base font size (accepts `px`, `rem`, or `em` units)                             |
| `fontUrl`                 | HTTPS URL        | Inter      | URL to a custom WOFF2 font file                                                 |
| `boldFontUrl`             | HTTPS URL        | Inter Bold | URL to a bold variant of your custom font (if not using a variable weight font) |
| `sidePadding`             | `true` / `false` | `true`     | Disable padding around the side of the overall page content                     |
| `autoDarkMode`            | `true` / `false` | `false`    | Automatically detect and match the user's system dark mode preference           |
| `backgroundColor`         | CSS color        | `ffffff`   | Background color of the widget (accepts hex colors)                             |
| `darkModeBackgroundColor` | CSS color        | `000000`   | Background color when in dark mode                                              |

<Warning>
  For fonts, we recommend a variable weight WOFF2 format. Your font must also be available to be loaded cross-origin from `your-domain.mtnmanager.com` with proper CORS configuration.
</Warning>

### Snow Report Parameters

| Parameter         | Type                         | Default      | Description                                                                                                                                                |
| ----------------- | ---------------------------- | ------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `sections`        | Comma-separated list         | All sections | Control which sections to display and their order. Options: `status`, `snow`, `weather`, `lifts`, `runs`, `summer-trails`, `terrain-parks`, `parking-lots` |
| `allowUnitToggle` | `true` / `false`             | `true`       | Show toggle for users to switch between imperial and metric units                                                                                          |
| `showTimestamps`  | `true` / `false`             | `true`       | Display last-updated timestamps for data                                                                                                                   |
| `showGauges`      | `true` / `false`             | `true`       | Show visual gauge indicators of overview counts (open runs, open lifts, etc.)                                                                              |
| `showCurrentDate` | `true` / `false`             | `true`       | Display the current date at the top of the status section                                                                                                  |
| `season`          | `winter` / `summer` / `auto` | `winter`     | Display a winter or summer report, or auto-update based on current season                                                                                  |

### Hours Parameters

| Parameter          | Type             | Default | Description                                                       |
| ------------------ | ---------------- | ------- | ----------------------------------------------------------------- |
| `showRegularHours` | `true` / `false` | `true`  | Hide the regular weekly hours schedule, and just how the calendar |

<Info>
  **Need more control?** If you need complete control over the presentation of your data, MtnManager also provides a full API for building custom integrations. See the [API Documentation](/developer/api) for details.
</Info>